webpack 的性能瓶颈
webpack 的优化瓶颈,主要是两个方面:
- webpack 的构建过程太花时间
- webpack 打包的结果体积太大
webpack构建速度和体积优化策略
- 01 | 初级分析:使用webpack内置的stats
- 02 | 速度分析:使用speed-measure-webpack-plugin
- 03 | 体积分析:使用webpack-bundle-analyzer
- 04 | 使用高版本的webpack和Node.js
- 05 | 多进程/多实例构建
- 06 | 多进程并行压缩代码
- 07 | 进一步分包:预编译资源模块 使用 DLLPlugin 进行分包
- 08 | 充分利用缓存提升二次构建速度
- 09 | 缩小构建目标
- 10 | 使用Tree Shaking擦除无用的JavaScript和CSS
- 11 | 使用webpack进行图片压缩
- 12 | 使用动态Polyfill服务