vue3 vite引入scss全局变量

2023-06-24  本文已影响0人  如果俞天阳会飞
var.scss
/// color|1|Background Color|4
$-color-white: #fff !default;
/// color|1|Functional Color|1
$-color-success: #67c23a !default;
/// color|1|Functional Color|1
$-color-warning: #ff976a !default;
/// color|1|Functional Color|1
$-color-danger: #ee0a24 !default;
/// color|1|Functional Color|1
$-color-info: #969799 !default;

/* $-color-primary: #3FB79F !default; */
$-color-primary: #0F81FD !default;

// vite.config.ts
  css: {
    preprocessorOptions: {
      scss: {
         additionalData: '@import "./src/style/var.scss"; @import "./src/style/color.scss";', // 引入多个
        // additionalData: '@import "./src/style/var.scss";'   //引入单个
      },
    },
  },
上一篇 下一篇

猜你喜欢

热点阅读