import { fileURLToPath, URL } from 'url';

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), vueJsx()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  css: {
    // https://cn.vitejs.dev/config/shared-options.html#css-preprocessoroptions
    // 指定传递给 CSS 预处理器的选项。文件扩展名用作选项的键
    preprocessorOptions: {
      less: {
        // 变量和混入有作用域，需要每个写less的地方自动导入
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `,
      },
    },
  },
});