一個移動端項目,不是特別復雜的項目
正常打包一下,npm run build 大小為6.8M 對於移動端來說,項目有點大。(有一個很大的圖片,占了5.4M)
減少包的體積的方法:
1.vue.config.js里面 添加配置
productionSourceMap:false,
productionSourceMap設置生產環境的 source map 開啟與關閉,是用來調試頁面的時候,方便定位位置。
productionSourceMap為ture
可以具體定位到某個js,某個vue,打包文件中會有map.js的文件
productionSourceMap為false
只能定位到app.js
設置為false之后,包的大小變為5.9M,減少了接近1M
2.圖片文件過大
1.圖片壓縮
2.將圖片上傳服務器,引入線上圖片,減少本地包的大小