webpack性能优化
1、开发环境性能优化
2、生产环境性能优化
开发环境性能优化
1、优化打包构建速度
- HMR 热模块更新技术
2、优化代码调试 - source-map 源代码到构建后代码的构建技术
生产环境性能优化
1、优化打包构建速度
- oneOf
- babel缓存
- 多进程打包
- externals
- dll
2、优化代码运行的性能
- 缓存(hash/chunkhash/contenthash)
- tree shaking 过滤无用(没有使用)的代码,可以减小体积 前提:1、必须使用ES6模块化 2、开启production环境
- code split 代码分割技术
- 懒加载、预加载
- PWA 渐进式 Web APP(离线加载技术)