前端项目性能优化，主要从首屏加载时间和构建包的大小两个角度触发，以基础的Vue Cli3的项目为例：优化前首屏加载从30s+到2.5s，构建的包从28M到1M……

前端首屏性能优化分为资源加载优化和页面渲染优化 资源加载优化 1.减少资源大小 代码压缩 Gzip 图片压缩 代码拆分 2.减少http请求次数 http强缓存 Service Worker 本地存储

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。