Skip to content

Latest commit

 

History

History
31 lines (22 loc) · 721 Bytes

File metadata and controls

31 lines (22 loc) · 721 Bytes

webpack 的优化配置

webpack的优化需要区分开发环境和生产环境

开发环境的优化配置

  1. 优化打包速度
  2. 优化代码调试

主要实现方式

  1. HMR模块热替换
  2. source-map代码映射

详细讲解

生产环境的优化配置

  1. oneOf单独匹配loader
  2. 缓存
    1. babel缓存
    2. 文件资源缓存
  3. tree shaking树摇-去除无用代码
  4. code split代码分割
  5. 懒加载与预加载
  6. PWA渐进式网络开发应用程序(可离线访问)
  7. 多进程打包
  8. externals拒绝第三方库打包
  9. dll动态链接库

详细讲解