共计 402 个字符，预计需要花费 2 分钟才能阅读完成。
须要 sass、sass-loader 这两个 npm 包
我用的是
“sass”: “^1.33.0”,
“sass-loader”: “^8.0.2”
装置 npm 依赖
在 src 目录下新建一个_color.scss
(这个文件名必须以下划线结尾，用_color.scss 不能用 color.scss)
定义 dark, black, white, success, failed 这五个变量名和对应的变量值
新建 theme.scss
在 theme.scss 中遍历_color.scss 中的 $colors, 生成 css 变量, 如 –success-color: #00bf30;
执行 sass src/:dist 查看执行后果
在 src 同级呈现 dist 目录，dist 目录下生成了 theme.css
theme.css 的内容如上图。
完结。
同步更新到本人的语雀
https://www.yuque.com/dirackeeko/blog/ugu01you9lab3ib2
正文完