webpack-bundle-analyzer的使用

1.下载插件

yarn add webpack-bundle-analyzer --save

2.webpack配置

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

plugins: [
    new BundleAnalyzerPlugin(),
]

3.运行

// package.json
 { "scripts": { "dev": "xxxxxx", "prod": "xxxxx" } }

平时你怎么运行dev/prod的,直接跑就行

yarn/npm run dev
yarn/npm run prod

如果不想每次都看到analyzer，直接把plugins里面的new BundleAnalyzerPlugin(),注释就好

4.效果