webpack 优化用法之 体积分析

webpack-bundle-analyzer 插件

1. 分析依赖的第三方模块文件大小
2. 业务里面的组件的组件代码大小
3. 127.0.0.1:8888 访问

配置

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
module.exports = {
  plugins: [
    new BundleAnalyzerPlugin()
  ]
}

效果

github 地址