如何通过 dart-sass/node-sass 从 scss/sass 解析/获取变量

问题描述

有一个问题。也许你能帮我。

是否可以通过 scss 渲染 dart-sass 文件来获取变量信息。

例如，我有一个 style.scss：

$md: 768px;

.class {
  min-height: 0;
}

并运行此脚本：

const path = require('path')
const sass = require('sass')

const res = sass.renderSync({file: path.join(__dirname,'style.scss')})

console.log(res.css.toString())

我得到了结果：.class { min-height: 0; }。我检查了文档，没有找到任何与渲染过程相关的内容，并且将 scss 文件内容而不是 css 文件内容作为字符串。

非常感谢。祝你有美好的一天。

解决方法

您应该使用 'fs' 模块和 regexp 或 postcsc-scss 来处理变量。

链接：https://github.com/sass/dart-sass/issues/1231