Vue项目性能分析工具: vue-cli-plugin-webpack-bundle-analyzer

在优化项���的时候，每次打包后只知道包文件大，却不知道那个文件大，那个文件还有优化的空间，所以，推荐一款工具，只要在项目中安装配置一下，便可以一目了然的呈现出打包后资源所占的比例，接下来上教程：

1. 安装

yarn add vue-cli-plugin-webpack-bundle-analyzer -D

// or

npm i vue-cli-plugin-webpack-bundle-analyzer -D

2. 重启项目, 会默认启动一个8888的端口, 按照提示访问, 就可以看到了