vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import deno from "@deno/vite-plugin";
import {viteStaticCopy} from "vite-plugin-static-copy";
import {IduxResolver} from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import * as path from "node:path";
import WindiCSS from 'vite-plugin-windicss';
import {VITE_SERVICE_URL} from './env.ts'

// https://vite.dev/config/
export default defineConfig({
  server: {
    port: 3000,
    proxy: {
      "/api": {
        target: VITE_SERVICE_URL,
        changeOrigin: true,
      },
    },
  },
  preview: {
    port: 3000,
    proxy: {
      "/api": {
        target: VITE_SERVICE_URL,
        changeOrigin: true,
      },
    },
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src")
    }
  },
  plugins: [vue(), deno(),WindiCSS(), viteStaticCopy({
    targets: [
      {
        src: "./node_modules/@idux/components/icon/assets/*.svg",
        dest: "idux-icons",
      },
    ],
  }), Components({
    resolvers: [IduxResolver()],
    // 可以通过指定 `importStyle` 来按需加载 css 或 less 代码
    // 主题默认会通过 IxThemeProvider 自动插入，但如果使用 IxThemeProvider，可以配置 `importStyleTheme` 来引入组件的 css 变量
    // 别忘了修改 idux.ts 中的样式导入代码
    // resolvers: [IduxResolver({ importStyle: 'css', importStyleTheme: 'default' })],
  }),],
  optimizeDeps: {
    include: ["react/jsx-runtime"],
  },
})