在修改 config/index.js 中的 build 里面的 assetsPublicPath 时,
发现了其下面的 productionSourceMap 和 productionGzip。
说句尴尬的话,之前还真没有注意到过这两个属性,现在既然发现了,那就探索下吧。
带着面向谷歌和百度的编程思想,我去撸了下文档,然后简单的总结下,方便自己填坑。
productionSourceMap
是否开启打包时自动生成 .map 文件,建议修改为 false,这样打包后的大小能减少不少。
同时还有重要的一点,就是当为 true 的时候,你的源码是暴露出来的,
只要打开浏览器的控制台,在 Sources 里面就能直接看到你的源码。
所以一般推荐把这个属性设置为 false
productionGzip
是否开启打包时的压缩,这个看自己情况而定,我是从发现这个属性后一直都是 true。
使用这个属性的时候,需要安装 compression-webpack-plugin 依赖
2.0.0版本后此模块最低需要 Node v6.9.0 和 Webpack v4.0.0 啊
所以如果是如果是 webpack3.x 版本,带着版本号安装
搞好两个属性之后,再次运行 npm run build 发现打包的大小竟然减少了50%左右,真实惊到了