vue2项目实现对打包文件分析

问题场景：jenkins打包发布时间较长，故对项目打包后文件进行查看

实现步骤：
step1： npm install webpack-bundle-analyzer 安装分析包
step2: 在vue.config.js文件中的先定义模块
const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer’).BundleAnalyzerPlugin

step3: 在webpack的configureWebpack中引入
config.optimization.minimizer.push(
new BundleAnalyzerPlugin({
analyzerPort: 8089,
generateStatsFile: false
})
)

step4:配置完成运行npm run build即可，此时浏览器会自动弹出8089端口的分页页面即可查阅