create-react-app会默认的在构建期间缩小代码并生成源映射，这样的话会在build文件夹的js目录生成.js与.map文件

.map文件会随着我们打开Developer Tools时按需加载，我们就能看到构建前的原始代码

如果想要禁止cli生成源映射文件(.map)，那么我们只需要修改根目录中node_modules/react-scripts/config/webpack.config.prod.js文件，将

devtool: isEnvProduction
  ? shouldUseSourceMap
    ? 'source-map'
    : false
  : isEnvDevelopment && 'cheap-module-source-map',

修改为

devtool: false,

或者修改根目录中的node_modules/react-scripts/config/env.js文件，增加一行

process.env.GENERATE_SOURCEMAP = false

即可

参考文档

什么时候create-react-app会混淆或缩小代码？
npm run build takes 1-2 hours to build
react 打包npm run build生成的文件好大，怎样关掉生成sourceMap?

版权属于：谁把年华错落成诗 所有，转载请注明出处！

本文链接：https://blog.pomears.com/archives/34.html

如果博客部分链接出现404，请留言或者联系博主修复。

Last modification：October 28, 2019
© Allow specification reprint
If you think my article is useful to you, please feel free to appreciate