scss - export

scss - export

返回

intro

将变量名导出，可以以Js的形式使用SCSS变量，通常写在一个variables.scss文件中，在需要的地方引入。

用法

variables.scss

$red:#C03639;
$green: #30B08F;
$yellow:#FEC171;

:export {
  red: $red;
  green: $green;
  yellow: $yellow;
}

***.js

import { red, green, yellow } from 'variables.scss'
console.log(red, green, yellow)

***.html

<style>
import '~@variables.scss'

.main{
   // color:red; // // invalid property value
   color: $red;
}
</style>