Olùmúlẹ́wa CSS Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Irinṣẹ́ yìí ń ṣe àgbékalẹ̀ CSS ní lílo parser tí ń tún ṣe tí a fi ọwọ́ kọ tí a kọ́ sínú ojú-ìwé náà tààrà — kò sí ìwé-ìṣirò ẹnì kẹta, kò sí ìpè sáfà. Parser náà ń rìn kiri CSS rẹ àmì-lé-àmì, ó sì ń darí àwọn ọ̀wọ́ ọ̀rọ̀ tí a fi àmì hàn, àwọn iye url(), àwọn at-rules tí a kọ́ sínú ara wọn, àti àwọn ọ̀rọ̀-àsọyé tí yóò dàrú àwọn ọ̀nà regex rọrùn dáadáa.

1. 1
   Ìpín ní ìdíwọ̀n àmì

   Iṣẹ́ walkCss ń ṣàyẹ̀wò ìbáwọlé gan-an náà àmì kan ní àkókò kan, tí ó ń tọpasẹ̀ ipò àmì àti ìjìnlẹ̀ àwọn àkámọ́ nítorí náà semicolons tàbí braces nínú url(), àwọn iye ọ̀rọ̀, tàbí àwọn ọ̀rọ̀-àsọyé kì í ṣì fún olùpín ìṣètò kankan.
2. 2
   Ìyàsọ́tọ̀ àkọ́sílẹ̀ àti ìkéde

   Nígbà tí ẹ̀rọ àyẹ̀wò náà bá rí brace ìṣílẹ̀ gíga kan, ó ń mú prelude (àyàn tàbí kọ́kọ́rọ́ at-rule) jáde ó sì ń tún ṣe iṣẹ́ ara àkọ́sílẹ̀ náà lọ́nà tí ń tún ṣe — èyí tí fúnra rẹ̀ lè ní àwọn òfin tí a kọ́ sínú ara wọn (@media, @supports, itẹ CSS abínibí) tí a mú ní ìjìnlẹ̀ ìtẹ̀síwájú.
3. 3
   Ìtòlẹ́sẹẹsẹ ohun-ìní àti ìlà

   A ń kó àwọn ìkéde nínú àkọ́sílẹ̀ kọ̀ọ̀kan papọ̀ sí ìlọsíwájú kan, kí a sì tún tò wọ́n ní àbídí bí a bá fẹ́ nípasẹ̀ orúkọ ohun-ìní kí wọ́n tó kọ jáde pẹ̀lú ìbú ìlà tí a yàn (àyè 2 tàbí 4). Ipò Minify ń fo àyè kọjá pátápátá tí ó sì ń yọ àwọn ọ̀rọ̀-àsọyé kúrò.
4. 4
   Ìtọjade tààrà nínú aṣàwákiri

   Àwọn àbájáde ń farahàn bí o ṣe ń kọ nípasẹ̀ hook useMemo kan — a kì í fi ohunkóhun ránṣẹ́ síbikíbi. A lè dàkọ CSS tí a ṣe àgbékalẹ̀ rẹ̀ tàbí ṣe minify rẹ̀ sí clipboard tàbí gbà á gẹ́gẹ́ bí fáìlì .css, pátẹ́lì náà sì ń fi ìyàtọ̀ ìwọ̀n hàn ní ìfiwéra pẹ̀lú ìpilẹ̀ṣẹ̀ náà.

Àwọn Irinṣẹ Tó Jọra