Как встроить парсер CSS PostCSS в веб-страницы?

Недавно я видел демонстрационную страницу полифилла CSS, который использует синтаксический анализатор CSS PostCSS для чтения и анализа таблиц стилей.

Это демо-страница здесь. Это шаг 4 пошаговое руководство. Если вы посмотрите на консоль, вы увидите, что она регистрирует объект, содержащий все проанализированные правила CSS, для демонстрации возможностей парсера CSS.

Я пытаюсь создать полифилл CSS. И я хотел бы использовать синтаксический анализатор CSS PostCSS для чтения и анализа таблиц стилей. Его синтаксический анализатор CSS, вероятно, является самым современным и может правильно анализировать @supports at-rule.

Но после прочтения использование PostCSS на GitHub я так и не смог найти способ встроить синтаксический анализатор CSS PostCSS в свою веб-страницу, как мы обычно встраиваем jQuery.

Команда npm, упомянутая в использовании (например, следующая строка), предназначена для среды разработки и не является тем, что я ищу.

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

Я запутался и даже не уверен, доступен ли парсер публично или нет. Может кто-нибудь пролить свет на это?

🤔 А знаете ли вы, что...
С помощью JavaScript можно создавать клиентские приложения для мобильных устройств с использованием фреймворков, таких как React Native и NativeScript.


185
1

Ответ:

Решено

В любом случае вы можете попробовать это. Используйте плагины browserify и postcss-browserify.

ссылки:

http://browserify.org/.

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