webpack-bundle-analyzer教程是一款可视化打包大小分析插件;
步骤:
-
使用
npm i webpack-bundle-analyzer -D安装到开发依赖; -
在webpack配置文件中配置引入webpack-bundle-analyzer
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; const plugins = [ new BundleAnalyzerPlugin() ] // 在plugins引入默认webpack-bundle-analyzer实例即可; -
运行包即可,默认会自动打开http://127.0.0.1:8888/;