pantoken / prune-custom-props

prune-custom-props

ベータ

@pantoken/plugin-prune-custom-props — 組み合わせられた スタイルシートから未使用のカスタムプロパティをツリーシェイクします。

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 を再エクスポートします