vite2添加类似webpack-bundle-analyzer依赖分析插件

安装rollup插件:

npm install rollup-plugin-analyzer -D

vite.config.ts文件添加配置:

import vue from "@vitejs/plugin-vue";
import visualizer from "rollup-plugin-visualizer";

const plugins = [];

// 打包生产环境才引入的插件
if (process.env.NODE_ENV === "production") {
    // 打包依赖展示
    plugins.push(
        visualizer({
            open: true,
            gzipSize: true,
            brotliSize: true,
        })
    );
}

export default defineConfig({
    plugins: [
          vue(),
          ...plugins           
    ]
})

预览图:

参考:https://my.oschina.net/ahaoboy/blog/4949872

原文地址:https://www.cnblogs.com/peter-web/p/15102476.html