You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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,
  // },
})

验证与后续检查

  1. 执行构建命令后,检查build目录下是否存在.map后缀的文件——这类文件就是源码映射文件,正常情况下应该完全消失。
  2. 若使用环境变量方式,确保命令格式正确(Windows系统需搭配cross-env,但直接通过Vite配置关闭sourcemap更可靠):
    "scripts": {
      "build": "GENERATE_SOURCEMAP=false vite build"
    }
    
  3. 部署后清空浏览器缓存,避免加载旧的带sourcemap的资源文件。

内容的提问来源于stack exchange,提问作者Eve

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 07:25:01