为了优化vue项目的性能，我们需要使用webpack-bundle-analyzer对报告文件进行分析，找出哪些插件占用的空间最大，并进行相应的优化

我在网上看了一些网站，有些太麻烦了。现在我写一个最简单的给你参考

安装：

npm安装web pack-捆绑包-分析器-保存-开发

Vue.config.js配置

使用module . exports={ chain web pack : config={ config . plugin(' web pack-bundle-analyzer ')运行命令。使用(必需(' web pack-bundle-analyzer ')。捆绑包分析器插件)}}

npm运行服务

访问http://localhost:8888

请注意，端口8888被写死，不能更改。如果端口8888已经在本地启动，将会报告一个错误

页面显示

摘要

以上是边肖推出的vue-cli3配置webpack-bundle-analyzer的插件。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！