淺談vue-cli2.0的打包優化
人偶*纵师
人偶*纵师 2023-01-30 08:39:45
0
0
563

在修改 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%左右,真實驚到了

人偶*纵师
人偶*纵师

全部回覆(0)
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板