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;

Інтерфейси ​

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

Змінні ​