Vue配置Scss变量参数

在vite.config.js/ts 中

export default defineConfig({
  plugins: [
    vue()
  ],
  resolve: {
    alias: {
      // 配置路径别名 使用@ 代替 ./src
      '@': fileURLToPath(new URL('./src', import.meta.url))
  },
  css: {
    preprocessorOptions: {
      scss: {
        // 需要已配置路径别名@ 
        additionalData: `@import "@/styles/variables.scss";`, // 引入全局SCSS变量文件
      },
    },
  },
})