webpack 性能优化
- 开发环境性能优化
- 生产环境性能优化
开发环境性能优化
- 优化打包构建速度
- HMR 热模块替换–一个模块发生变化,只会重新打包这一个模块(
css:style-loader
已经配置,js:自己写)
- HMR 热模块替换–一个模块发生变化,只会重新打包这一个模块(
- 优化代码调试功能
- source-map提供源代码到构建后代码映射技术
生产环境性能优化
- 优化打包构建速度
- 优化代码运行的性能
- 缓存(hash-chunkhash-contenthash)
- tree shaking去除无用代码(1、ES6模块化 2、production)
- code split
- 懒加载/预加载
- PWA
- externals
- dll