LESS dosyalarını CSS'ye derlemenin bir yolu var mı (böylece her tarayıcının yapması gerekmiyor)?

DAHA AZ kullanmayı düşünüyorum ama JavaScript devre dışı ve benim CSS okunabilir (ve site korkunç görünümlü) olan bir tarayıcı düşüncesine kısmak.

Ayrıca, içimdeki mühendisi, her tarayıcıyı her değiştirdiğimizde "daha az dosyayı" derleyebildiğimizde, bu Daha Az dosyayı .css'ye "derlemeye" zorlamak için içimdeki mühendisi rahatsız ediyor.

Evet. Kod yazarken geliştirme makinenizdeki LESS dosyalarını otomatik olarak CSS'ye derleyen bir uygulama kullanabilirsiniz. Ardından, geliştirmeyi tamamladığınızda oluşturulan CSS dosyasını sunucunuza yüklemeniz yeterlidir.

• Crunch! Windows ve Mac için
• Windows için WinLess
• Mac için CodeKit

Kullandığım SimpLESS sürükle, bırak, bitmiş -.

LESS, .less dosyalarınızı önceden derlemenizi sağlayan bir ikili (lessc) ile birlikte gelir. Bu şekilde kullanırsınız:

 $ lessc styles.less > styles.css

Ancak çoğu insan LESS dosyası her güncellendiğinde CSS stil sayfasını otomatik olarak yeniden derlemek için lessc -wveya lessc --watchkomutunu kullandığını düşünüyorum . CSS'yi küçültmek için lessc de olabilir, örn lessc -w -x.

Düzenleme: Sadece açıklığa kavuşturmak için, lessc sunucu tarafı yüklemesi ile birlikte gelir (yani node.js paket yöneticisi aracılığıyla daha az yüklediğinizde). Ancak GitHub'dan manuel olarak indirebilirsiniz .

lessc adresinde bulunur /bin/lessc. Bu (should da Mac için iş) kursu * Nix ikili, ama orada olan Windows ikili ( lessc.exe başka bir Windows AZ derleyici olduğunu dotless göre).

Güncelleme:less-watch Otomatik olarak derlemek için kullanın .

Alternatif olarak, bugünlerde birçok geliştirici, gruntyapı otomasyonunu (derleme, küçültme, test etme, vb.) İşlemek gibi görev koşucularını kullanıyor . Kullanılması grunt-contrib-watch, grunt-contrib-lessve grunt-contrib-livereload, gerçekten geliştirme iş akışını düzene olabilir.

Örneğin yo, yeni web projenizi iskele olarak kullanırsanız , değişiklikler için LESS / CSS / JS / HTML dosyalarınızı izlemek ve gerektiğinde projenizin gerekli bölümlerini yeniden derlemek için önceden yapılandırılmış olarak gelir. Basitçe çalıştırın grunt serveve manuel olarak derleme (LESS / SASS / CoffeeScript) / kodunuzu küçültme / birleştirme veya tarayıcınızı bir mağara adamı gibi manuel olarak yenileme konusunda endişelenmenize gerek kalmadan kodlamaya hazırsınız ...

Sunucuda LESS'den CSS'ye derlemek için bir dizi seçenek vardır ve seçtiğiniz seçenek muhtemelen sitenin geri kalanı için kullandığınız şeye bağlı olacaktır.

• Node.js kullanırsanız, orijinal lesscss işi yapar.
• PHP kullanıyorsanız lessphp . PHP'den değişkenler söz konusu olduğunda biraz çöp API'sı var, ancak işi yapıyor.
• Ruby kullanıyorsanız, SASS daha az değildir, ancak SASS (kişisel proje) kullanmaktan LESS'e (iş yerinde bir PHP projesi) geçince dosya uzantısı dışında herhangi bir fark görmedim. Ayrıca yararlı bir mixins kütüphanesi vardır - COMPASS . Onları LESS ile kullanmayı denemedim, ama çalışacaklarını umuyorum. (Görünüşe göre LESS aslında Ruby idi, bu yüzden muhtemelen bir yerde de yüzen eski bir derleyici var).
• ASP.Net kullanıyorsanız .less vardır . Bunu kullanmadım, bu yüzden ne kadar iyi çalıştığını bilmiyorum.
• Java kullanıyorsanız lesscss4j , orijinal LESS ve Java 6'nın yerleşik Rhino komut dosyası oluşturma ortamıyla derlemeyi tamamlar .
• Perl kullanırsanız, CPAN'da bir LESSp modülü vardır.