webpack-bundle-analyzer打包大小分析插件

2,142 阅读1分钟

webpack-bundle-analyzer教程是一款可视化打包大小分析插件;

步骤:

  1. 使用npm i webpack-bundle-analyzer -D安装到开发依赖;

  2. 在webpack配置文件中配置引入webpack-bundle-analyzer

     const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
     const plugins = [ new BundleAnalyzerPlugin() ] // 在plugins引入默认webpack-bundle-analyzer实例即可;
    
  3. 运行包即可,默认会自动打开http://127.0.0.1:8888/;

截屏2021-10-06 上午11.05.47.png