import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
// import { visualizer } from 'rollup-plugin-visualizer'

export default defineNuxtConfig({
  css: [
    "@/assets/style/variable.scss",
    "@/assets/style/reset.scss",
    "@/assets/style/base.scss",
    "@/assets/iconfont/iconfont.css",
    "element-plus/dist/index.css"
  ],
  modules: ["@pinia/nuxt"],
  vite: {
    cacheDir: ".vite-cache", // 指定 vite 缓存位置（默认就是这个）
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: '@use "@/assets/style/theme.scss" as *;',
        },
      },
    },

    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
    server: {
      proxy: {
        "/api": {
          target: "http://54.46.9.88:8001/",
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ""),
        },
      },
    },
    // build: {
    //   rollupOptions: {
    //     plugins: [
    //       visualizer({ open: true }),
    //     ],
    //   },
    // },
  },
  runtimeConfig: {},
  app: {
    head: {
      htmlAttrs: {
        lang: "en",
      },
    },
  },
  build: {
    // transpile: ["element-plus"],
  },
});