【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';

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


参考资料

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

上一篇:Robosense(速腾)16线激光雷达Xavier ROS配置


下一篇:重新整理 mysql 基础篇————— 介绍mysql日志[二]