webpack-bundle-analyzer 包分析工具的使用

webpack-bundle-analyzer 它将创建所有捆绑包内容的交互式树状图可视化。该模块将帮助您：
1.了解捆绑包中的真正内容
2.找出哪些模块占其大小的大部分
3.查找错误到达那里的模块
4.优化一下吧！

1、安装

# NPM
npm install --save-dev webpack-bundle-analyzer
# Yarn
yarn add -D webpack-bundle-analyzer

2、用法（作为插件）

// 配置 webpack.config.js 文件
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
   
  plugins: [
    new BundleAnalyzerPlugin