vue3+vite搭建后台项目-4 集成 sass 配置全局 sass 变量

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

//项目提供sass全局变量
$color: red;

• 2.在vite.config.ts文件配置

export default defineConfig((config) => {
	css: {
      preprocessorOptions: {
        scss: {
          javascriptEnabled: true,
          //此处 ; 不要忘记!!!
          additionalData: '@import "./src/styles/variable.scss";',
        },
      },
    },
	}
}

• 3.页面中使用

.box{
	color:$color
}