javascript - JavaScript 的 CSS 解析器？

Question

Update 2018: This question was asked long before PostCSS existed, and I would have probably used that.

我想将 CSS 的 blob 解析为 AST，以便为某些 CSS 指令添加前缀。

是否有用于 JavaScript 或 Node 的 CSS 解析器来执行此操作？

我已经搜索过 NPM。我发现的唯一有用的结果是parser-lib ，但它是基于流的，看起来我需要为每个 CSS Node 编写自己的发射器。

更新:我还发现了 JSCSSP ，但它没有文档...

Answer 1

更新:我之前提到过 JCSSSP，它的 bug 似乎被抛弃了。显然，css module在 NPM 上是最好的:

css = require 'css'

input = '''
  body {
    font-family: sans-serif;
  }
  #thing.foo p.bar {
    font-weight: bold;
  }
'''

obj = css.parse input
sheet = obj.stylesheet

for rule in sheet.rules
  rule.selectors = ('#XXX ' + s for s in rule.selectors)

console.log css.stringify(obj)

输出:

#XXX body {
  font-family: sans-serif;
}
#XXX #thing.foo p.bar {
  font-weight: bold;
}