如何在Vite中设置GENERATE_SOURCEMAP为false以隐藏调试源码?
解决Vite构建React项目后调试器显示源码的问题
核心配置修正
你当前Vite配置里的build.sourcemap设置为字符串'false',Vite会将其视为真值,导致源码映射文件仍会生成。需将其改为布尔值false,同时清理不影响生产构建的开发环境sourcemap配置:
export default defineConfig({ build: { outDir: 'build', chunkSizeWarningLimit: 1600, assetsDir: './', rollupOptions: { input: './src/index.jsx' }, sourcemap: false // 改为布尔值false,而非字符串 }, // 外层sourcemap是开发服务器专属配置,不影响生产构建,按需保留或删除即可 // sourcemap: { // server: true, // client: true, // }, })
验证与后续检查
- 执行构建命令后,检查
build目录下是否存在.map后缀的文件——这类文件就是源码映射文件,正常情况下应该完全消失。 - 若使用环境变量方式,确保命令格式正确(Windows系统需搭配
cross-env,但直接通过Vite配置关闭sourcemap更可靠):"scripts": { "build": "GENERATE_SOURCEMAP=false vite build" } - 部署后清空浏览器缓存,避免加载旧的带sourcemap的资源文件。
内容的提问来源于stack exchange,提问作者Eve
相关产品推荐
相关产品推荐

