webpack-bundle-analyzer --vue

// 1. 安装命令
cnpm install webpack-bundle-analyzer --save-dev

yarn add -D webpack-bundle-analyzer

//2.使用
// vue.config.js文件内
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

configureWebpack: {
plugins: [
//新增
new BundleAnalyzerPlugin()
]
}

//3.运行命令
npm run build 或 yarn run build

成功后自动打开页面,地址为 http://127.0.0.1:8888/

结果示例:

posted @ 2021-01-16 17:12  自由自在鸟  阅读(200)  评论(0)    收藏  举报