webpack性能优化
webpack性能优化
参考:https://blog.csdn.net/Mr_RedStar/article/details/123462435
一、构建性能优化
-
解析:减少模块解析 module.noParse
-
loader:优化loader性能
(1)缓存:cache-loader
(2)排除:rules.exclude -
打包:多线程打包 thread-loader
-
热替换(HMR)
二、传输性能优化
-
分包
(1)手动分包
(2)自动分包:optimization.splitChunks -
模块体积优化
(1)tree shaking:optimization.usedExports/optimization.sideEffects
(2)懒加载:import()