在修改 config/index.js 中的 build 裡面的 assetsPublicPath 時,
發現了其下面的 productionSourceMap 和 productionGzip。
說句尷尬的話,之前還真沒有註意到這兩個屬性,現在既然發現了,那就探索下吧。
帶著面向Google和百度的程式設計思想,我去擼了下文檔,然後簡單的總結下,方便自己填坑。
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%左右,真實驚到了