rollup-plugin-visualizer 用于项目性能优化,打包体积分析。生成可视化的构建报告,帮助开发者更好地了解构建过程中的文件大小、依赖关系等信息。
npm安装:
npm install --save-dev rollup-plugin-visualizer
或者
yarn安装:
yarn add --dev rollup-plugin-visualizer
main.js中 import
es
import { visualizer } from "rollup-plugin-visualizer";
或者
cjs
const { visualizer } = require("rollup-plugin-visualizer");
基本用法:
module.exports = {
plugins: [
visualizer({
open: true, // 注意这里要设置为true,否则无效
gzipSize: true, // 分析图生成的文件名
brotliSize: true, // 收集 brotli 大小并将其显示
filename: "stats.html", // 分析图生成的文件名
}),
],
};