安装
npm install --save-dev webpack-bundle-analyzer
1
使用
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = { plugins: [ new BundleAnalyzerPlugin() ] }
使用Webpack
https://webpack.docschina.org/api/cli/#flags
增加命令行参数 --analyze 即可
"scripts": { "build:analyze": "cross-env NODE_ENV=production webpack --analyze", }
使用 vue-cli-service
https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-build
如果使用vue.config.js ，可以直接生成依赖报告
package.json
"scripts": { "build:report": "vue-cli-service build --report", }
