sass 配置全局 sass 变量

1. 在src/styles文件夹下创建一个全局sass变量文件 variable.scss

//项目提供sass全局变量
$main-color: #ff3a3a;

2. vite.config.js

export default defineConfig({
  plugins: [vue()],
  css: {
    preprocessorOptions: {
      scss: {
        javascriptEnabled: true,
        //此处 ; 不要忘记!!!
        additionalData: '@import "./src/styles/variable.scss";',
      },
    },
  },
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
});