|
|
|
# Webpack构建优化
|
|
|
|
|
|
|
|
|
|
|
|
## 分包策略调整
|
|
|
|
1. 一个页面的js加载不能超过3个文件
|
|
|
|
2. 在非可视区的组件js，可以异步加载
|
|
|
|
3. 使用的公共库，需要版本统一，同一功能的库，选择其中一个
|
|
|
|
4. echart，swiper等大的库，是否可以按需单独打包，减少体积
|
|
|
|
5. 分包体积控制在256k以内
|
|
|
|
|
|
|
|
## 配置优化
|
|
|
|
1. 构建使用source-map时，使用`cheap-module-hidden-source-map`
|
|
|
|
2. 使用babel的缓存: `loader: 'babel-loader?cacheDirectory'`
|
|
|
|
3. performance的警告：256000（bytes） |
|
|
\ No newline at end of file |
...
|
...
|
|
