jandc/css-from-html-extractor

这是一个PHP库，用于确定从HTML片段中使用了哪些CSS。

维护者

详细信息

github.com/JanDC/css-from-html-extractor

主页

源代码

问题

安装次数: 23,226

依赖者: 1

建议者: 0

安全性: 0

星标: 8

关注者: 5

分支: 2

开放问题: 0

1.3.0-alpha 2019-11-07 08:31 UTC

Requires

ISC 73e24e84b7f883f60ce70be5cb47ca73f14ef94e

  • Jan Decavele <jan.decavele.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-07 22:14:58 UTC

README

这是一个PHP库，用于确定从HTML片段中使用了哪些CSS。它被用于jandc/critical-css中，以便在每页基础上自动和动态地确定关键CSS。

安装

composer require jandc/css-from-html-extractor

使用方法

使用Twig

注册扩展
use CSSFromHTMLExtractor\Twig\Extension as ExtractorExtension;

$extension = new ExtractorExtension()
$extension->addBaseRules('path/to/css');

/** @var Twig_Environment $twig */
$twig->addExtension($extension);
使用提供的块标记模板中的区域
{% fold %}
<div class="my-class">
...
</div>
{% endfold %}
从扩展中检索生成的CSS
$extension = $twigEnvironment->getExtension(ExtractorExtension::class);
$extension->buildCriticalCssFromSnippets();

处理原始HTML

$cssFromHTMLExtractor = new CssFromHTMLExtractor();
$cssFromHTMLExtractor->addBaseRules('path/to/css');
$cssFromHTMLExtractor->addHtmlToStore($rawHtml);
$extractedCss = $cssFromHTMLExtractor->buildExtractedRuleSet();