pantoken / plugins/postcss/props-minify/src / flattenProperty

變數: flattenProperty ​

const flattenProperty: {(options?): Plugin; postcss: true; }

Beta（測試）

建立 flatten-@property 的 PostCSS 外掛。

遍歷樣式表中的所有 @property at-rules，擷取每一個 initial-value 描述子，移除 該 at-rule，並在前端插入一個包含所有 擷取到的宣告的單一 injectSelector { --name: value; … } 規則。移除後遺留的空規則與 @layer 區塊會被丟棄。

Type Declaration ​

參數 ​

options? ​

FlattenPropertyOptions

FlattenPropertyOptions.

回傳 ​

Plugin

一個 PostCSS Plugin。

postcss ​

postcss: true

必要的 PostCSS 外掛標記。

範例 ​

預設注入至 :root

ts
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";

const out = postcss([flattenProperty()]).process(css, { from: undefined }).css;

注入至 :scope（供 scope 區塊內使用）

ts
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";

const out = postcss([flattenProperty({ injectSelector: ":scope" })]).process(css, { from: undefined }).css;
ts
Preserve