如何将PostCSS的CSS解析器嵌入到网页中？

Question

我最近看到了一个CSS polyfill的演示页面，该页面使用PostCSS的CSS解析器读取和解析样式表。

那个demo page is here。这是step-by-step tutorial的第4步。如果您检查控制台，则可以看到它记录了一个包含所有已解析CSS规则的对象，以显示CSS解析器的功能。

我正在尝试创建CSS polyfill。而且我也想使用PostCSS的CSS解析器来读取和解析样式表。它的CSS解析器可能是最新的，并且可以正确解析@supports at-rule。

但是在阅读usage of PostCSS on GitHub之后，我仍然找不到像通常嵌入jQuery一样将PostCSS的CSS解析器嵌入到我的网页中的方法。

用法（如以下行）中提到的npm命令用于开发环境，而不是我想要的。

postcss --use autoprefixer -c options.json -o main.css css/*.css

我很困惑，甚至不确定解析器是否可以公开使用。有人可以对此有所说明吗？

Answer 1

任何方式都可以尝试。利用browserify和postcss-browserify插件。

链接：

http://browserify.org/。

https://github.com/zoubin/browserify-postcss