import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {

  return {
    base: '/',
    plugins: [react()],
    resolve: {
      alias: {
        '@': path.resolve('./src'),
      }
    },
    css: {
      // 对css的行为进行配置
      preprocessorOptions: {
        // key + config key代表预处理器的名
        less: {
          // 整个的配置对象都会最终给到less的执行参数（全局参数）中去
          // 在webpack里就给less-loader去配置就好了
          math: 'always',
          modifyVars: {
            '@primary-color': '#E60012',//主题色
            '@border-color': '#eeeeee',// 边框颜色
          },
          javascriptEnabled: true,
        }
      },

    },
  }
})