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

How to embed the PostCSS's CSS parser into web pages?

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

那个demo page is here. It's the step 4 of a step-by-step tutorial。如果你检查控制台,你可以看到它记录了一个对象,其中包含所有已解析的 CSS 规则,以显示 CSS 解析器的强大功能。

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

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

用法中提到的npm命令(如下一行)是针对开发环境的,不是我要找的。

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

我很困惑,甚至不确定解析器是否公开可用。有人可以解释一下吗?

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

链接:

http://browserify.org/.

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