导语
vue-cli现在已经是vue-cli3了,那我们如果想使用 webpack-bundle-analyzer可视化分析工具来查看文件信息,该怎么配置呢? 请看下面使用流程
安装
npm install webpack-bundle-analyzer -D
vue.config.js（没有需要自己创建）
module.exports = {
chainWebpack: config => {
config
.plugin('webpack-bundle-analyzer')
.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
},
}
使用
npm run serve (这时会执行webpack-bundle-analyzer插件功能 完成优化后可自行删掉 配置 )
vue-cli2 使用 webpack-bundle-analyzer
用vue-cli2 构建的项目 中里已经集成了
使用npm run build --report 命令即可
结语
第一次写,多有不足,希望与广大掘友共同学习,共同进步.前端界的小学生一枚
