Apakah ada cara untuk mengkompilasi file KURANG ke CSS (sehingga setiap browser tidak harus)?

Saya sedang mempertimbangkan menggunakan KURANG tapi saya merasa ngeri membayangkan browser yang menonaktifkan JavaScript dan CSS saya tidak dapat dibaca (dan situs tampak mengerikan).

Juga, itu menyinggung insinyur dalam diri saya untuk memaksa setiap browser untuk "mengkompilasi" file yang kurang untuk .css ketika kita bisa "mengkompilasi" sekali setiap kali kita memodifikasinya.

Iya nih. Anda dapat menggunakan aplikasi yang secara otomatis mengkompilasi file KURANG ke CSS pada mesin pengembangan Anda saat Anda membuat kode. Kemudian cukup unggah file CSS yang dihasilkan ke server Anda setelah Anda selesai mengembangkan.

• Kegentingan! untuk Windows & Mac
• WinLess untuk Windows
• CodeKit untuk Mac

Saya menggunakan SimpLESS - seret, lepas, selesai.

KURANG dilengkapi dengan biner (lessc) yang memungkinkan Anda mengkompilasi file .less Anda. Anda menggunakannya seperti itu:

 $ lessc styles.less > styles.css

Tapi saya pikir kebanyakan orang hanya menggunakan lessc -watau lessc --watchperintah untuk mengkompilasi ulang CSS stylesheet secara otomatis setiap kali file KURANG diperbarui. Anda juga dapat mengurangi CSS, mis lessc -w -x.

Sunting: Hanya untuk memperjelas, lessc datang dengan instalasi sisi server (yaitu ketika Anda menginstal kurang melalui manajer paket node.js). Tetapi Anda dapat mengunduhnya secara manual dari GitHub .

lessc terletak di /bin/lessc. Hal ini tentu saja sebuah * nix biner (juga harus bekerja untuk Mac), tetapi ada adalah berupa binari Windows ( lessc.exe ) berdasarkan dotless, yang lain compiler Windows KURANG.

Pembaruan: Gunakan less-watchuntuk mengkompilasi secara otomatis.

Atau, banyak pengembang saat ini menggunakan pelari tugas yang suka gruntmenangani otomatisasi bangunan (kompilasi, minify, pengujian, dll.) Menggunakan grunt-contrib-watch, grunt-contrib-lessdan grunt-contrib-livereload, Anda benar-benar dapat merampingkan alur kerja pengembangan Anda.

Misalnya, jika Anda menggunakan yoperancah proyek web baru Anda, itu sudah dikonfigurasikan sebelumnya untuk menonton file KURANG / CSS / JS / HTML Anda untuk perubahan dan mengkompilasi ulang bagian-bagian penting dari proyek Anda saat dibutuhkan. Cukup jalankan grunt serve, dan Anda siap untuk membuat kode tanpa harus khawatir tentang kompilasi secara manual (KURANG / SASS / CoffeeScript) / mengecilkan / menyatukan kode Anda atau menyegarkan peramban secara manual seperti manusia gua ...

Ada sejumlah opsi untuk mengkompilasi KURANG ke CSS di server, dan yang Anda pilih mungkin akan bergantung pada apa yang Anda gunakan untuk sisa situs.

• Jika Anda menggunakan node.js, lesscss asli akan melakukan pekerjaan itu.
• Jika Anda menggunakan PHP, lessphp . Ini memiliki API sedikit sampah ketika datang untuk melewati variabel dari PHP, tetapi ia berhasil.
• Jika Anda menggunakan Ruby, SASS bukan KURANG, tetapi sangat mirip sehingga ketika saya beralih dari menggunakan SASS (proyek pribadi) ke KURANG (proyek PHP di tempat kerja) saya tidak melihat perbedaan apa pun selain ekstensi file. Ia juga memiliki pustaka mixin yang berguna - COMPASS . Saya belum mencoba menggunakannya dengan KURANG, tetapi saya berharap mereka akan berhasil. (Rupanya KURANG awalnya Ruby, jadi mungkin ada kompiler lama juga melayang di suatu tempat).
• Jika Anda menggunakan ASP.Net, ada .less . Saya belum pernah menggunakan ini, jadi saya tidak tahu seberapa baik kerjanya.
• Jika Anda menggunakan Java, lesscss4j membungkus kompilasi dengan LESS asli dan Java 6's internal scripting scripting environment.
• Jika Anda menggunakan Perl, ada modul LESSp di CPAN.