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‑файлы, которые будут загружены вместе, могут безопасно перемешиваться с теми же именами.

Пример ​

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

Интерфейсы ​

Псевдонимы типов ​

Переменные ​