src别名、css预处理scss配置(Vite自2.6.0版本起已内置对sass的支持)

别名配置

import { defineConfig } from 'vite';
import path from 'path'; // 如果是TypeScript项目，确保正确导入path模块

export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
});

css预处理scss配置

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

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `` // 可在此处添加全局变量等
      }
    }
  },
  plugins: [vue()],
});