1.使用url-loader處理小的圖片資源 2.圖片換成字體文件 3.異步加載組件 () => import，加載之前可以先用一個動畫效果替代這一部分的加載 ```js const aa = () => ({ // 需要加載的組件。應當是一個 Promise component: import('./aa.vue'), // 加載中應當渲染的組件 loading: LoadingComp, // 出錯時渲染的組件 error: ErrorComp, // 渲染加載中組件前的等待時間。默認：200ms。 delay: 200, // 最長等待時間。超出此時間則渲染錯誤組件。默認：Infinity timeout: 3000 }) Vue.component('aa', aa) ``` ### 打包方向： 1.壓縮js，css 2.圖片壓縮，使用url-loader限制limit大小 3.optimization中開啟splitChunks