美文网首页
sass 配置全局 sass 变量

sass 配置全局 sass 变量

作者: 扶得一人醉如苏沐晨 | 来源:发表于2024-01-10 17:29 被阅读0次

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)),
    },
  },
});

相关文章

网友评论

      本文标题:sass 配置全局 sass 变量

      本文链接:https://www.haomeiwen.com/subject/ouyzndtx.html