zoukankan      html  css  js  c++  java
  • 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
Copyright © 2011-2022 走看看