【React】打包时不生成 .map 文件

map 文件作用

source map文件是 js 文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件。 比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息；在调试的时候，如果有一些JS报错，那么浏览器会通过解析这个map文件直接显示原始代码，而不是转换后的代码。

这种还原性调试功能，目前只有chorme才具有。map 文件会占用大量资源，可能会导致大型源文件出现内存不足问题。

React 打包时不生成 .map 文件

1. 找到 /node_modules/react-scripts/config/webpack.config.js
2. 找到 const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
3. 修改为 const shouldUseSourceMap = false;

参考资料

Map文件是什么,它的作用是什么?
什么是source map文件
react打包去掉map文件