import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";
import { visualizer } from "rollup-plugin-visualizer";
import externalGlobals from "rollup-plugin-external-globals";
import commonjs from "rollup-plugin-commonjs";
import importToCDN from "vite-plugin-cdn-import";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

export default defineConfig({
  mode: "production",
  base: "./",
  server: {
    port: 8000,
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
      "%views": path.resolve(__dirname, "src/views"),
      "%assets": path.resolve(__dirname, "src/assets"),
      "%comps": path.resolve(__dirname, "src/components"),
    },
  },
  // build: {
  //   rollupOptions: {
  //     external: ["Vue", "VueRouter", "dayjs", "axios"],
  //     plugins: [
  //       commonjs(),
  //       externalGlobals({
  //         Vue: "vue",
  //         ElementPlus: "element-plus",
  //         VueRouter: "vue-router",
  //         // pinia: "pinia",
  //         dayjs: "dayjs",
  //         axios: "axios",
  //       }),
  //     ],
  //   },
  // },
  plugins: [
    vue(),
    visualizer(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),

    // importToCDN({
    // modules: [
    // {
    //   name: "vue",
    //   var: "Vue",
    //   // path、css来源于下面的图片
    //   path: "https://unpkg.com/vue@3.2.25",
    // },
    // {
    //   name: "element-plus",
    //   var: "ElementPlus",
    //   path: "https://unpkg.com/element-plus",
    //   css: "https://unpkg.com/element-plus/dist/index.css",
    // },
    // {
    //   name: "pinia",
    //   var: "pinia",
    //   path: "https://unpkg.com/pinia",
    // },
    // {
    //   name: "vue-router",
    //   var: "VueRouter",
    //   path: "https://unpkg.com/vue-router@4",
    // },
    // {
    //   name: "dayjs",
    //   var: "dayjs",
    //   path: "https://unpkg.com/dayjs@1",
    // },
    // {
    //   name: "axios",
    //   var: "axios",
    //   path: "https://unpkg.com/axios@0",
    // },
    // ],
    // }),
  ],
});