vue cli3打包后文件特別大


 

一個移動端項目,不是特別復雜的項目

正常打包一下,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.將圖片上傳服務器,引入線上圖片,減少本地包的大小

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM