webpack-optimization.md
541 Bytes
Webpack构建优化
分包策略调整
- 一个页面的js加载不能超过3个文件
- 在非可视区的组件js,可以异步加载
- 使用的公共库,需要版本统一,同一功能的库,选择其中一个
- echart,swiper等大的库,是否可以按需单独打包,减少体积
- 分包体积控制在256k以内
配置优化
- 构建使用source-map时,使用
cheap-module-hidden-source-map
- 使用babel的缓存:
loader: 'babel-loader?cacheDirectory'
- performance的警告:256000(bytes)