1 初级分析,使用webpack内置的statsimage.pngimage.png

2 速度分析:使用speed-measure-webpack-plugin

image.pngimage.png

3 体积分析:使用webpack-bundle-analyzer

image.png
image.png

4 使用高版本的webpack和Node.js

image.pngimage.png

5 多进程/多实例构建

image.png

6 多进程并行压缩代码

image.png

7 进一步分包:预编译资源模块

image.png
更好的方式image.pngimage.pngimage.png

8 充分利用缓存提升二次构建速度

image.png

9 缩小构建目标

image.pngimage.png

10 使用Tree Shaking擦除无用的JavaScript和CSSimage.pngimage.pngimage.png

11 使用webpack进行图片压缩image.pngimage.png

12 使用动态Polyfill服务

image.pngimage.pngimage.pngimage.pngimage.pngimage.png