一、減少主包體積
主包污染源(全局文件依賴)勁量獨立導入
- components
- static
- main.js
- App.vue
- uni.css
分包配置缺陷,未配置manifest.json中mp-weixin節點
"usingComponents" : true,"lazyCodeLoading" : "requiredComponents","optimization" : {"subPackages" : true},
啟用分包-pages.json配置subPackages
代碼瘦身
- 刪除uni-star中不重要功能,列如郵箱登錄,web-view,實名,等不相關的模塊
- 清理不相關或者無用的頁面
- 頁面動態加載策略,組件懶加載
資源瘦身
- 刪除組件中含有static的靜態目錄,靜態文件如果圖標圖片用網絡連接代替,可放云文件或者cdn
- 必要的靜態資源使用`imagemin`壓縮:`npx imagemin src/**/*.png --out-dir dist` - WebP格式轉換:`cwebp input.png -o output.webp` - 雪碧圖合并:通過`css-sprite`工具生成
- 字體文件處理, 使用`fontmin`工具精簡字體文件 - 僅保留常用字符集
說明:
開發期間多觀察資源視圖,觀察依賴資源,若分包文件被打到主包,觀察是否有被其他包依賴,多依賴文件屬于公共文件
實測如圖