使用 Vite 生成构建报告

Question

使用 Vue-CLI，我能够生成一份报告来分析包内容，如下所示：

`npm run build -- --report`

我现在正在切换到 Vite，我想知道是否有类似的命令可以创建相同的报告。

Answer 1

正如 @tony19 提到的，有一个名为rollup-plugin-analyzer 的工具，它会生成一份报告，其中包括有关构成捆绑包的模块的指标。

请注意，这实际上并不是一个 Vite 工具。它是一个在 Vite 的 rollup 生产构建过程中使用的 rollup 插件。

首先，安装分析仪：

npm install rollup-plugin-analyzer --save-dev

将该插件包含在您的汇总部分中vite.config.ts：

npm install rollup-plugin-analyzer --save-dev

当您运行构建 ( npm run build) 时，您将看到打印到标准输出的报告。以下是报告的一小段内容，以便您知道要寻找什么：