js改變sass的變量

1、在.scss文件中定義變量，並使用css moudle的:export方法，以下：

// /styles/global.scss

$demo: #ccc;

:export {

demo: $demo;

/* ... */

}

2、在js文件中引用：

import styles from '/styles/global.scss'

console.log(styles)；

console.log(styles.demo)   // 輸出'#ccc'

3、說明

js能夠動態改變sass的變量，可是沒法想vue同樣實現數據雙向綁定，dom不會實時動態渲染，須要更改dom節點   若是是在vue中使用，能夠使用:styledong'tai'bang'ding