reactjs - 在 blueprintjs 中使用颜色变量

Question

是否有必要使用像 less 或 sass 这样的 css 预处理器才能访问 Blueprint.Colors 中定义的颜色变量？我查看了源代码，这些仅出现在 .scss 和 .less 文件中。但是，文档假定可以使用默认设置访问这些变量。

Answer 1

Blueprint.Colors是一个可以在你的 JS 代码中使用的 JS 对象。它不需要 CSS 预处理器，因为它只是一个普通的 JS 对象（源代码）。例子：Blueprint.Colors.BLACK, Blueprint.Colors.BLUE3.

Sass 变量都以$并且只能在导入蓝图variables.scss文件的 Sass 文件中使用。例子：$black, $blue3. （较少的变量具有相同的名称但使用@前缀：@black.）

（在 CSS 预处理器中使用 JS 变量也是可能的，但很重要。我们在内部通过从 JS 对象生成 Sass 变量来做到这一点。）