rollup 打包分析插件 类似webpack-bundle-analyzer

原文链接: rollup 打包分析插件 类似webpack-bundle-analyzer

上一篇: 图片拼接项目迁移vue3计划 [todo]

下一篇: vue3 Set和Map 劫持

https://github.com/doesdev/rollup-plugin-analyzer

https://github.com/btd/rollup-plugin-visualizer

感觉没webpack-bundle-analyzer看着好啊...

yarn add -D rollup-plugin-visualizer
yarn add -D rollup-plugin-analyzer

visualizer

添加命令

    "vis": "set vis=true && vite build",

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import visualizer from "rollup-plugin-visualizer";
const plugins = [vue()];
console.log(process.env.vis, process.env.NODE_ENV);
// 开发模式下好像是undefined...
// if (process.env.NODE_ENV === "production") {

// 自定义环境变量
if (process.env.vis) {
  plugins.push(
    visualizer({
      open: true,
      gzipSize: true,
      brotliSize: true,
    })
  );
}
// https://vitejs.dev/config/
export default defineConfig({
  plugins,
});