webpack的一些plugin，怎么使用webpack对项目进行优化

构建优化

1、减少编译体积 ContextReplacementPugin、IgnorePlugin、babel-plugin-import、babel-plugin-transform-runtime。

2、并行编译 happypack、thread-loader、uglifyjsWebpackPlugin开启并行

3、缓存 cache-loader、hard-source-webpack-plugin、uglifyjsWebpackPlugin开启缓存、babel-loader开启缓存

4、预编译 dllWebpackPlugin && DllReferencePlugin、auto-dll-webapck-plugin

性能优化

1、减少编译体积 Tree-shaking、Scope Hositing。

2、hash缓存 webpack-md5-plugin

作者：麦乐丶
链接：https://juejin.im/post/5befeb5051882511a8527dbe
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。