分离第三方库 #

/* eslint-disable node/no-unpublished-import */
import { resolve } from 'path';
import { defineConfig, Plugin, UserConfigExport } from 'vite';
import vue from '@vitejs/plugin-vue';
import externalGlobals from 'rollup-plugin-external-globals';
import analyzer from 'rollup-plugin-analyzer';

// 是否是客户端构建
const isClientBuild = process.env.npm_lifecycle_event === 'build:web:client';

// https://vitejs.dev/config/
export default defineConfig((/* { mode, command } */) => {
  /* 插件 S */
  const plugins: (Plugin | Plugin[])[] = [
    vue(),
    analyzer({ summaryOnly: true }),
   
  ];

  /* 公共配置 S */
  const config: UserConfigExport = {
    root: 'web',
    resolve: {
      alias: {
        '~': resolve(__dirname, '../'),
        '@': resolve(__dirname, './'),
      },
    },    
    plugins,
  };

  /* 不同端配置 S */
  if (true === isClientBuild) {
    // 一、客户端构建
    config.build = {
      rollupOptions: {
        //  告诉打包工具 在external配置的 都是外部依赖项  不需要打包
        external: [
          'vue',
          'vue-router',
          'vue-demi', // VueDemi这个是pinia用来判断是vue2还是vue3所需要的
          'pinia',
          'element-plus',
          'qs',
          'axios',
        ],
        plugins: [
          // 避免打包和生产模式运行出错 在这里声明公共模块
          externalGlobals({
            //  "在项目中引入的变量名称" ："CDN包导出的名称，一般在CDN包中都是可见的"
            vue: 'Vue',
            'vue-router': 'VueRouter',
            'vue-demi': 'VueDemi',
            pinia: 'Pinia',
            'element-plus': 'ElementPlus',
            qs: 'Qs',
            axios: 'axios',
          }),
        ],
      },
    };
  } else {
    // 二、否则服务端构建
  }

  return config;
});