首页 > 解决方案 > 如何将 PostCSS 的 CSS 解析器嵌入到网页中?

问题描述

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

演示页面在这里。这是分步教程的第 4 步。如果您检查控制台,您可以看到它记录了一个包含所有已解析 CSS 规则的对象,以显示 CSS 解析器的强大功能。

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

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

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

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

我很困惑,甚至不确定解析器是否可以公开使用。有人可以对此有所了解吗?

标签: javascriptpostcss

解决方案


任何方式你都可以试试这个。使用 browserify 和 postcss-browserify 插件。

链接:

http://browserify.org/

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


推荐阅读