webpack性能优化

webpack性能优化

参考:https://blog.csdn.net/Mr_RedStar/article/details/123462435

一、构建性能优化
  1. 解析:减少模块解析 module.noParse

  2. loader:优化loader性能
    (1)缓存:cache-loader
    (2)排除:rules.exclude

  3. 打包:多线程打包 thread-loader

  4. 热替换(HMR)

二、传输性能优化

  1. 分包
    (1)手动分包
    (2)自动分包:optimization.splitChunks

  2. 模块体积优化
    (1)tree shaking:optimization.usedExports/optimization.sideEffects
    (2)懒加载:import()

posted @ 2023-03-02 11:30  梦羽微澜  阅读(10)  评论(0编辑  收藏  举报