ធ្វើឱ្យស្អាត CSS ឥតគិតថ្លៃ

វាដំណើរការដោយរបៀបណា

ឧបករណ៍នេះធ្វើទ្រង់ទ្រាយ CSS ដោយប្រើកម្មវិធីញែកអវត្តមានសរសេរដោយដៃបង្កើតដោយផ្ទាល់ក្នុងទំព័រ — គ្មានបណ្ណាល័យតតិយភាគី គ្មានការហៅម៉ាស៊ីនមេទេ។ កម្មវិធីញែកដើរតាម CSS របស់អ្នកតួអក្សរដោយតួអក្សរ ដោះស្រាយត្រឹមត្រូវនូវ string ក្នុងសញ្ញាដកស្រង់ តម្លៃ url() at-rules ដែលមានស្រទាប់ និងសេចក្តីអធិប្បាយដែលនឹងធ្វើឱ្យវិធីសាស្ត្រ regex សាមញ្ញជាងច្របូកច្របល់។

1. 1
   ការធ្វើ token ថ្នាក់តួអក្សរ

   អនុគមន៍ walkCss ស្កេនធាតុចូលដើមមួយតួអក្សរម្តងៗ តាមដានស្ថានភាពសញ្ញាដកស្រង់ និងជម្រៅសញ្ញាវង់ក្រចកដូច្នេះសញ្ញាចុចក្បៀស ឬក្រចកនៅក្នុង url(), តម្លៃ string ឬសេចក្តីអធិប្បាយមិនដែលត្រូវបានយល់ច្រឡំជាសញ្ញាបំបែករចនាសម្ព័ន្ធទេ។
2. 2
   ការបំបែកប្លុក និងសេចក្តីប្រកាស

   ពេលឧបករណ៍ស្កេនរកឃើញសញ្ញាវង់ក្រចកបើកកម្រិតកំពូល វាទាញយក prelude (selector ឬពាក្យគន្លឹះ at-rule) ហើយដំណើរការខ្លឹមសារប្លុកតាមលំដាប់ — ដែលខ្លួនវាអាចមានច្បាប់ដែលមានស្រទាប់ (@media, @supports, ការមានស្រទាប់ CSS ដើម) ដោះស្រាយនៅជម្រៅដដែលៗជាបន្ថែម។
3. 3
   ការតម្រៀបគុណលក្ខណៈ និងការចូលបន្ទាត់

   សេចក្តីប្រកាសនៅក្នុងប្លុកនីមួយៗត្រូវបានប្រមូលទៅជារង្វិលជុំមួយ ហើយបន្ទាប់មកតាមជម្រើសតម្រៀបតាមអក្ខរក្រមតាមឈ្មោះគុណលក្ខណៈមុននឹងសរសេរចេញជាមួយទទឹងចូលបន្ទាត់ដែលបានជ្រើសរើស (2 ឬ 4 ចន្លោះ)។ របៀបបង្រួមរំលងចន្លោះទាំងស្រុង និងដកសេចក្តីអធិប្បាយចេញ។
4. 4
   លទ្ធផលភ្លាមៗនៅក្នុងកម្មវិធីរុករក

   លទ្ធផលលេចឡើងពេលអ្នកវាយតាម useMemo hook — គ្មានអ្វីត្រូវបានផ្ញើទៅកន្លែងណាមួយទេ។ CSS ដែលបានធ្វើទ្រង់ទ្រាយ ឬបង្រួមអាចត្រូវបានចម្លងទៅក្ដារតម្បៀតខ្ទាស់ ឬទាញយកជាឯកសារ .css ហើយបន្ទះបង្ហាញភាពខុសគ្នាទំហំធៀបនឹងដើម។

ឧបករណ៍ពាក់ព័ន្ធ