前言
当我们做好一个项目,打包部署的时候会发现dist文件夹会有10m甚至20m的大小,原因是dist/static/js/文件夹下.map文件占内存较大
优化前
咋优化?
找到 /config/index.js,将 productionSourceMap 的 true 改为 false 即可
build: {
...
productionSourceMap: false, // true -> false
// https://webpack.js.org/configuration/devtool/#production
devtool: '#source-map',
...
}
优化后
.map文件是个啥?有啥作用?
- 是啥?项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错(就是压缩的js与未压缩源文件js之间的映射关系文件)
- 啥作用?有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错(调式用的,没啥作用)