React项目build打包时不生成 sourceMap(.map)文件
打包项目,主要的目的是为了,压缩代码,加快数据的传输,减少 http 请求,从而优化前端页面的性能。
脚手架,默认情况下,打包项目的过程中,都会生成 souceMap(.map)文件。
sourceMap 会增加打包以后的文件的体积,对于一些需求是轻量级的项目而言,sourceMap 有点多余。
添加.env文件修改变量
配置 node.js 运行时候的环境变量,传入 GENERATE_SOURCEMAP 值为 false。
1.在根目录下创建 .env文件
2.在里面写入
GENERATE_SOURCEMAP = false
3.执行npm run build 打包项目
process.env
属性会返回包含用户环境的对象。
.env文件其他自定义配置
GENERATE_SOURCEMAP=false // 是否开启sourcemap
IMAGE_INLINE_SIZE_LIMIT=20000 // 图片转base64的大小限制
INLINE_RUNTIME_CHUNK=false // 开启runtime-chunk文件
EXTEND_ESLINT=false // 开启扩展ESLINT
PUBLIC_URL="./" // 公共路径
NODE_PATH // node路径