css from html extractor

HTML 추출기의 CS

HTML 스 니펫에서 사용되는 CSS를 결정하는 PHP 라이브러리. JANDC/Critical-CSS에서는 페이지 당 임계 CSS를 자동으로 그리고 동적으로 결정하는 데 사용됩니다.

설치

composer require jandc/css-from-html-extractor

용법

나뭇 가지와 함께

확장 등록

 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 ();

RAW HTML 처리

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