使用vue-cli生成的项目中添加webpack-bundle-analyzer

官方文档里提到 vue-cli-service build后加 --report参数会生成 report.html 以帮助分析包内容

在实践过程中没有生成 report.html 这个文件。

而且通过命令

vue inspect > output.js

生成的output文件里发现默认的配置中也没有配webpack-bundle-analyzer

我是手动添加 webpack-bundle-analyzer这个插件后才生成report.html 的。难道是官方配置改了文档还没更新吗???

实测文件是存在的,位于 /dist/report.html。

vue inspect 命令是区分模式的,默认是 development,不包含包分析。vue inspect --mode production 可以查看 build 状态下的 Webpack 配置。

或者,你可以使用 vue ui,实时查看包分析结果。