pantoken / mangle-custom-props

mangle-custom-props

Beta

@pantoken/plugin-mangle-custom-props — ingoa anō i ngā ingoa rawa roa o ngā taonga ritenga ki ngā tuakiri raupapa poto.

Ko ngā ingoa tūonga pērā i --instui-component-alert-border-top-style he mārama ki te tangata engari he utu nui i roto i ngā kohinga kua whakaitihia: ko te ingoa anō he 40+ pātene, ka whakahuatia i te tautuhinga, ia wā e karangahia ana e var(), me ia rēhitatanga o @property. Ka whakakapi tēnei tāpiri i ia ingoa e rite ana — puta noa i ngā tautuhinga, ngā tohutoro var(), me ngā tawhā @property — ki tētahi tuakiri poto (--a, --b, …, --aa, …), e whakaheke ana i te taumaha o ngā ingoa e pā ana ki te ~90%.

Ka kohia ngā ingoa mai i te kāhua-kōwae (stylesheet) katoa, ka raupapahia ā-āpitihanga whakarārangi mō tētahi mappi pūmau, ā, ka tuku raupapa ki ia kotahi. He kōwhiringa MangleCustomPropsOptions.sharedManifest e āhei ana kia tiritiria tētahi mapi kotahi e ngā whakawhitinga PostCSS motuhake maha, kia haumaru ai te mangling o ngā kōnae CSS kua tukatuka wehe ka utaina tahi, me te whakamahi i ngā ingoa kotahi.

Tauira

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

Ngā Atanga

• MangleCustomPropsOptions

Ngā Ingoa Momo

• MangleMethod

Ngā Taipūtī

• mangleCustomProps