PHP ile CSS kodlarını sıkıştırma uygulamasını daha öncesinde hazırlamıştık. Fakat bu uygulama .php dosyasının .css dosyası gibi davranmasını sağlayarak gerçekleştirmiştik. Bu uygulamada da, kullanıcıdan alınan CSS kodlarını sıkıştırıp, anlık olarak kullanıcıya geri vereceğiz. İki örnekte aynı işlemi yapmakta fakat farklı sunumlar yapmaktadır.
PHP Kodları
Gelelim PHP kodlarının gerçekleştirilmesine. Bu işlemi bir fonksiyon ile gerçekleştireceğiz. Bu fonksiyonda preg_replace kullanarak ReGEX kodlarını kullanarak temizleme işlemini sağlayacağız. Temizleme sonrasında fonksiyon sonucu verecektir. Bu fonksiyonu dilediğiniz gibi düzenleyebilirsiniz.
<?php
// CSS dosyasını sıkıştırmak için kullanacağımız fonksiyon
function compressCSS($css) {
// Boşlukları, tabları ve satır sonu karakterlerini kaldır
$css = preg_replace('/\s+/', ' ', $css);
// Yorumları kaldır
$css = preg_replace('/\/\*.*?\*\//s', '', $css);
// Kolonları ve süslü parantezleri sıkıştır
$css = preg_replace('/:\s/', ':', $css);
$css = preg_replace('/\s*{\s*/', '{', $css);
$css = preg_replace('/\s*}\s*/', '}', $css);
// Noktalı virgüllerden sonra boşlukları kaldır
$css = preg_replace('/;\s+/', ';', $css);
// Dosya sonundaki boşlukları kaldır
$css = preg_replace('/\s*$/s', '', $css);
return $css;
}
?>
Yukarıdaki kodlarla birlikte gerekli temizleme işlemini sağlamış oluyoruz. Peki hangi temizlikleri yaptık? Onuda şu şekilde listelendirebiliriz.
- Boşlukları, tabları ve satır sonlarını temizledik.
- Yorum satırlarını kaldırdık.
- Kolonları ve süslü parantezleri sıkıştırdık.
- Noktalı virgül sonrasındaki boşlukları temizledik.
- Dosyanın sonudaki boşlukları sildik.
Bu aşamaları fonksiyonla gerçekleştirerek gereki temizlemeleri sağlamış olduk. Fonksiyonda istediğiniz gibi düzenlemeler yaparak farklı sonuçlar alabilirsiniz. Böylece PHP ile CSS kodlarını sıkıştırma işlemini de sağlamış oluyoruz.