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>
Lee2