这是基于vue-cli3.0配置webpack-bundle-analyzer,使用交互式可缩放树形图可视化webpack输出文件的大小。
安装:
npm intall webpack-bundle-analyzer –save-dev
vue.config.js配置:
module.exports = {
chainWebpack: config => {
config
.plugin('webpack-bundle-analyzer')
.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
}
}
运行命令:
npm run serve
页面展示: