Nyahminifikasi CSS dalam talian
Masukkan helaian gaya termampat supaya anda boleh membacanya semula dengan selesa. Setiap pemilih dan pengisytiharan mendapat baris sendiri, manakala blok serta pertanyaan media diindenkan seperti tulisan tangan anda.
Mengapa CSS produksi menjadi satu baris panjang
Helaian gaya diminifikasi atas sebab yang sama seperti skrip: CSS menghalang pemaparan, jadi setiap bait yang dijimatkan mempengaruhi kelajuan paparan halaman. cssnano, Lightning CSS dan pengoptimum yang disertakan dalam Sass serta PostCSS membuang ruang kosong dan komen, memendekkan nilai warna, menggabungkan peraturan pendua dan membuang koma bernoktah terakhir dalam setiap blok. Rangka kerja utiliti menjadikan hasil lebih padat kerana helaian Tailwind yang dikompil boleh mengandungi beribu-ribu peraturan kecil dengan hampir tiada jarak di antaranya.
Membaca lata semula
Tujuan utama mengemaskan helaian gaya ialah memahami sebab sesuatu peraturan digunakan atau diabaikan. Apabila setiap pemilih berada pada baris sendiri dengan pengisytiharan berinden di bawahnya, anda boleh mengikuti lata dengan teratur: mencari semua peraturan yang menyasarkan elemen, membandingkan kekhususannya, melihat yang muncul terakhir dan mengesan important yang mengatasi perubahan anda. Pertanyaan media serta kandungannya kembali menjadi blok yang jelas, menjadikan tingkah laku responsif lebih mudah difahami berbanding dalam fail termampat.
CSS moden disokong
Pemformat memahami CSS semasa dan bukan hanya subset lama. Sifat tersuai, ungkapan calc dan clamp, singkatan grid dan flexbox, pertanyaan bekas, peraturan bersarang, layers, blok supports serta keyframes semuanya diformatkan dengan betul. Senarai pemilih yang panjang dipisahkan kepada beberapa baris supaya mudah dibaca, dan komen yang masih ada selepas binaan dikekalkan. Jika fail mencampurkan CSS standard dengan sifat berawalan vendor, kedua-duanya dikekalkan dan hanya disusun dengan lebih jelas.
Petua praktikal untuk rangka kerja yang dikompil
Apabila anda mengemaskan helaian Tailwind atau Bootstrap yang dikompil, fail hasilnya boleh menjadi sangat panjang. Puluhan ribu baris ialah perkara biasa. Hidupkan nombor baris dan gunakan carian pelayar untuk mencari kelas atau sifat yang diperlukan, bukannya menatal keseluruhan fail. Jika tujuan anda ialah mengecilkan fail dan bukannya membacanya, pembetulan sebenar perlu dibuat dalam konfigurasi binaan kerana peraturan yang tidak digunakan telah dijana sebelum minifikasi bermula.
Soalan lazim
Bolehkah saya menyahminifikasi helaian Tailwind yang dikompil?
Ya, ini antara kegunaan paling lazim halaman ini. Hasilnya mungkin sangat panjang kerana rangka kerja menjana satu peraturan bagi setiap kelas utiliti. Hidupkan nombor baris dan gunakan carian pelayar untuk bergerak dalam fail dengan lebih mudah.
Adakah komen dipulihkan?
Hanya komen yang masih wujud. Kebanyakan peminifikasi membuang semua komen kecuali notis undang-undang, dan komen yang telah dipadamkan tidak boleh dipulihkan. Pemformat mengekalkan komen yang masih ada dalam fail dan menyusunnya dengan kemas.
Adakah alat ini menyokong SCSS atau Less?
Halaman ini ditujukan kepada CSS standard yang sebenarnya dimuat turun oleh pelayar. Sumber prapemproses yang menggunakan pemboleh ubah, mixin dan sintaks khusus SCSS atau Less bukan input yang disasarkan, walaupun CSS bersarang standard disokong.