pantoken / prune-custom-props

prune-custom-props

베타

@pantoken/plugin-prune-custom-props — 합성된 stylesheet에서 사용되지 않는 커스텀 속성을 트리-쉐이킹합니다.

pantoken의 @pantoken/css는 전체 --instui-* 토큰 세트(약 1,800개의 아이콘 data-URI 포함)를 방출합니다. 해당 레이어를 기반으로 하지만 시스템의 일부만 스타일링하는 렌더러는 그렇지 않으면 전체 세트를 함께 배포하게 되므로 이런 렌더러에 유용합니다. 실제(비 커스텀-프로퍼티) 선언에 있는 var() 참조로부터 시작하여, 도달 가능한 커스텀 프로퍼티만 전이적으로 유지하고 일치하는 사용되지 않는 @property 등록을 제거합니다.

독립 실행형 PostCSS 플러그인입니다(자체 PostCSS 파이프라인에서 실행). 팩토리는 평범한 플러그인 객체를 반환하므로 이 모듈을 가져와도 런타임 의존성이 로드되지 않습니다 — postcss는 오직 타입만입니다.

예제

import postcss from "postcss";
import { pruneCustomProps } from "@pantoken/plugin-prune-custom-props";
const out = postcss([pruneCustomProps()]).process(css, { from: undefined }).css;

변수

• pruneCustomProps

참조

default

pruneCustomProps의 이름을 변경하여 재내보냅니다.