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