map 文件作用
source map文件是 js 文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件。 比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息;在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件直接显示原始代码,而不是转换后的代码。
这种还原性调试功能,目前只有chorme才具有。map 文件会占用大量资源,可能会导致大型源文件出现内存不足问题。
React 打包时不生成 .map 文件
- 找到
/node_modules/react-scripts/config/webpack.config.js
- 找到
const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
- 修改为
const shouldUseSourceMap = 'false';
参考资料
Map文件是什么,它的作用是什么?
什么是source map文件
react打包去掉map文件