Coffeescript可以访问SASS变量吗？

Question

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

SASS $red: #f00

Coffeescript document.p[0].style.color = $red

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

Answer 1

以下是我尝试这样做的方法：

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

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

3. 在下摆（非常易读的源代码，不用担心）中删除css编译（LESS / Stylus / SASS），将变量定义附加到文件的开头：

   1. varablesDef = yourJsVariables to SASS
   2. compile（variablesDef + originalFile）

也许它不适合你，但我认为关键是在JS中定义变量而不是试图从你的css格式访问它们。