pantoken / prune-custom-props

prune-custom-props

Beta

@pantoken/plugin-prune-custom-props — loại bỏ (tree-shake) các thuộc tính tùy chỉnh không sử dụng khỏi một stylesheet được ghép.

pantoken's @pantoken/css phát hành toàn bộ tập token --instui-* (≈1,800 icon data-URI được bao gồm). Một renderer xây dựng trên lớp đó nhưng chỉ tạo kiểu cho một phần hệ thống sẽ phải đóng gói toàn bộ tập — vì vậy mọi renderer như vậy đều cần tính năng này. Bắt đầu từ các tham chiếu var() trong các khai báo thực tế (không phải custom-property), nó sẽ duy trì một cách truyền tắc chỉ những custom properties thực sự có thể truy cập được và loại bỏ các đăng ký @property không dùng đến tương ứng.

Đây là một plugin PostCSS độc lập (chạy trong pipeline PostCSS của riêng bạn). Hàm factory trả về một đối tượng plugin thuần tuý, nên import module này sẽ không kéo theo phụ thuộc runtime — postcss chỉ là một kiểu.

Ví dụ

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

Biến

• pruneCustomProps

Tham chiếu

default

Đổi tên và xuất lại pruneCustomProps