pantoken / mangle-custom-props

mangle-custom-props

베타

@pantoken/plugin-mangle-custom-props — 긴 커스텀 속성 이름을 최소한의 순차 식별자로 바꿉니다. 식별자.

토큰 이름인 --instui-component-alert-border-top-style 같은 것들은 사람이 읽기에는 좋지만 축소된 번들에서는 비용이 큽니다: 이름 자체가 40바이트 이상이며 정의에서, 모든 var() 호출에서, 그리고 모든 @property 등록에서 반복됩니다. 이 플러그인은 정의 전반, var() 참조들, 그리고 @property 매개변수들까지 일치하는 모든 이름을 최소 식별자(--a, --b, …, --aa, …)로 교체하여 이름 오버헤드를 약 90% 정도 줄입니다.

이름들은 전체 스타일시트에서 수집되어 결정론적 매핑을 위해 알파벳 순으로 정렬된 뒤 순차적으로 할당됩니다. MangleCustomPropsOptions.sharedManifest 옵션을 사용하면 여러 개의 별도 PostCSS 패스가 하나의 일관된 매핑을 공유할 수 있어, 함께 로드될 별도로 처리된 CSS 파일들도 동일한 이름으로 안전하게 난독화될 수 있습니다.

예제

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

인터페이스

• MangleCustomPropsOptions

타입 별칭

• MangleMethod

변수

• mangleCustomProps