在优化项目的时候,每次打包后只知道包文件大,却不知道那个文件大,那个文件还有优化的空间,所以,推荐一款工具,只要在项目中安装配置一下,便可以一目了然的呈现出打包后资源所占的比例,接下来上教程:
1. 安装
yarn add vue-cli-plugin-webpack-bundle-analyzer -D
// or
npm i vue-cli-plugin-webpack-bundle-analyzer -D
2. 重启项目, 会默认启动一个8888的端口, 按照提示访问, 就可以看到了
文章来源:https://www.toymoban.com/news/detail-838001.html
文章来源地址https://www.toymoban.com/news/detail-838001.html
到了这里,关于Vue项目性能分析工具: vue-cli-plugin-webpack-bundle-analyzer的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!