1. 安装  npm install --save-dev webpack-bundle-analyzer
2.  vue.config.js 引入
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
3. 在webpack plugins 文件引入webpack 打包文件分析


4. 执行项目启动或则npm run build(文件打包的时候)的时候会在浏览器打开新的窗口显示打包文件信息

webpack 打包文件分析
可以在文件分析中看到那个文件比较大,可以做优化,那个组件模块对应的的打包后的那个js 文件

相关文章: