Webpack 项目构建打包优化 ​

构建 ​

1、externals 提取项目依赖
2、组件库的按需引入
3、减小三方依赖的体积
4、HappyPack 多线程打包
5、Gzip压缩
6、DllPlugin 动态链接库

打包 ​

1. 分包，页面通过import()动态异步加载
2. tree shaking

参考 ​

前端性能优化——包体积压缩82%、打包速度提升65%（Webpack 打包优化）