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

标签 javascript postcss

我最近看到了一个 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

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

最佳答案

任何方法你都可以尝试一下。使用 browserify 和 postcss-browserify 插件。

链接:

http://browserify.org/ .

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

关于javascript - 如何将PostCSS的CSS解析器嵌入到网页中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55295802/

相关文章:

javascript - html/javascript : using a variable as url for <a href>

css - 如何防止 'postcss-preset-env' 删除 CSS 逻辑属性?

css - postcss-autoreset 和 postcss-initial 的目的是什么

javascript - javascript 是否使用某种隐式 "noop"调用?

javascript - getElementById 无法正常工作

javascript - 最小化 Javascript 和 HTML 代码

webpack - ExtractTextPlugin 和 postCSS - 自动前缀不起作用

javascript - 重置 `!important` CSS 并允许使用 JS 样式

reactjs - 具有 PostCSS/CSS 模块的全局实用程序类

javascript - 单击更改文本对齐