webpack-optimization.md 541 Bytes

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)