Skip to content

pantoken / prune-custom-props

prune-custom-props

Beta

@pantoken/plugin-prune-custom-props — 从组合的 stylesheet 中摇树优化未使用的自定义属性。

pantoken 的 @pantoken/css 输出整个 --instui-* 代币集(包含约 1,800 个图标 data-URI)。构建在该层之上但只为系统的一个切片提供样式的渲染器,否则会随包分发整个集合——因此任何此类渲染器都需要此功能。该工具从真实(非自定义属性)声明中的 var() 引用开始,传递性地仅保留实际可达的自定义属性,并删除相应未使用的 @property 注册。

它是一个独立的 PostCSS 插件(在你自己的 PostCSS 管道中运行)。工厂返回一个普通的插件对象,因此导入此模块不会引入运行时依赖 —— postcss 仅为一种类型。

示例

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

变量

引用

default

重命名并重新导出 pruneCustomProps