webpack-bundle-analyzer 打包分析工具

1 安装

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

2 vue-cli 项目应用

引入 BundleAnalyzerPlugin

const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');

chainWebpack 中 use

config.plugin('webpack-bundle-analyzer').use(BundleAnalyzerPlugin);

3 启动

yarn start
或者
yarn build