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
來源：掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。