Coffeescript 可以访问 SASS 变量吗？

Question

我有一个调色板设置为 SASS 变量。 Coffeescript 可以访问这些变量吗？

SASS $red: #f00

咖啡脚本document.p[0].style.color = $red

我的目标是尽可能多地依赖颜色变量，因为它们可以在 UI 中实现一致性。

Answer 1

我会尝试这样做：

1. 使用捆绑器在同一环境中编译 .coffee 和 .sass（我使用 hem，其中 .stylus 文件用于 css，.coffee 用于 javascript）

2. 定义一个包含颜色常量的 .coffee 文件

3. 在 hem 中稍微修改一下 css 编译（LESS/Stylus/SASS）（非常易读的源代码不用担心）以在文件开头附加变量定义：

   1. varablesDef = yourJsVariables 到 SASS
   2. 编译（variablesDef + originalFile）

也许这对你来说不是理想的解决方案，但我认为关键是在 JS 中定义变量，而不是试图从你的 css 格式访问它们。