pantoken / prune-custom-props

prune-custom-props ​

Бета

@pantoken/plugin-prune-custom-props — устраняет неиспользуемые пользовательские свойства (tree-shake) из составной таблицы стилей.

pantoken's @pantoken/css генерирует полный набор токенов --instui-* (включая ≈1 800 data-URI для иконок). Рендерер, который строится поверх этого слоя, но оформляет лишь часть системы, в противном случае отправлял бы весь набор — поэтому любой такой рендерер нуждается в этом. Начиная с ссылок var() в реальных (не основанных на custom-property) декларациях, он транзитивно сохраняет только те пользовательские свойства, к которым действительно возможен доступ, и удаляет соответствующие неиспользуемые регистрации @property.

Это автономный плагин PostCSS (запускается в собственном PostCSS-пайплайне). Фабрика возвращает обычный объект плагина, поэтому импорт этого модуля не влечёт за собой runtime-зависимостей — postcss является лишь tипом.

Пример ​

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

Переменные ​

Ссылки ​

default ​

Переименовывает и реэкспортирует pruneCustomProps