pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — kết hợp các biến đổi prune, flatten và mangle cho --instui-* custom properties thông qua một tiện ích duy nhất applyMinify.

Mỗi pipeline phát sinh CSS (scripts tạo, renderers) sử dụng applyMinify để có bề mặt nén nhất quán mà không phụ thuộc trực tiếp vào PostCSS.

Prune + mangle chỉ an toàn cho các bundle tự chứa nơi tất cả các tham chiếu var(--instui-*) và định nghĩa của chúng đều nằm trong cùng một đầu ra. Đối với người dùng tệp tách rời (@pantoken/css + @pantoken/components được tải riêng), chỉ áp dụng { flatten: true }.

Mangle xuyên biên giới tệp: truyền cùng một instance Map như mangle.sharedManifest cho mọi lần gọi applyMinify xử lý các tệp CSS được tải cùng nhau. Xử lý bảng token trước (nó cung cấp hạt giống cho manifest), sau đó là các bảng component.

Các ví dụ ​

Áp dụng cả ba biến đổi cho một bundle tự chứa

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });

Chỉ flatten (an toàn cho người dùng tệp tách rời)

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });

Mangle hai tệp với cùng một ánh xạ

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const manifest = new Map<string, string>();
const tokenCss = applyMinify(rawTokens, { mangle: { sharedManifest: manifest } });
const componentCss = applyMinify(rawComponents, { mangle: { sharedManifest: manifest } });

Giao diện ​

Bí danh kiểu ​

Biến ​

Hàm ​