安装
npm install webpack-bundle-analyzer --save-dev
配置
在vue.config.js文件中
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
configureWebpack： {
plugins: [ new BundleAnalyzerPlugin() ]
}
在package.json文件中
"scripts": { "analyz": "NODE_ENV=production npm_config_report=true npm run build" }
运行
npm run build
得出结果：
这样就可以分析哪些文件过大，而导致打包后chunk-vendors文件过大