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?

Last modification:October 28th, 2019 at 02:46 pm
If you think my article is useful to you, please feel free to appreciate