JavaScript的CSS解析器？

  • Z时代
  • 2024-01-10
  • 分类：问答

：这个问题早在PostCSS出现之前就被问到了，我可能会使用它。

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

是否有CSS解析器可用于JavaScript或Node？

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

更新： 我也找到了JSCSSP，但是它没有文档…

回答：

我之前提到过JSCSSP，它似乎有很多错误。显然，NPM上的css模块是最好的：

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;
}

以上是 JavaScript的CSS解析器？ 的全部内容， 来源链接： utcz.com/qa/407372.html

回到顶部