2021-02-04

webpack 性能优化
1.开发环境性能优化
a.使用HRM，优化打包速度
b.使用socueMap，优化代码调试
2.生产环境性能优化
a.使用oneOf、babel缓存、多进程打包、externals 让某些库不打包，通过CDN引入、dll 单独打包库，在项目引入就好了来优化打包构建速度。
b.使用缓存（hash-chunkhash-contenthash）、tree shaking（去除无用代码）、code split、lazyloading(js文件懒加载/预加载–兼容性问题严重)、PWA：渐进式网络开发应用程序（离线可访问技术）–兼容性问题比较严重（workbox—>workbox-webpack-plugin）来优化代码运行性能 。