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


20

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.


1
@ Anonim- Jika Anda melihat KURANG, Anda juga harus melihat SASS dan COMPASS.
Sorcy

Stylus dan OOCSS juga merupakan produk serupa.
Lèse majesté

1
Saya telah mengirim jawaban terkait yang menjelaskan cara mengatur kompilasi KURANG secara otomatis di server: webmasters.stackexchange.com/questions/38386/…
romaninsh

3
Saya tidak tahu ada yang kompilasi KURANG di browser!
Kenny Evitt

Jawaban:


17

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.



10

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 ...


1
Saya tidak yakin versi apa yang Anda gunakan. Di versi terbaru 1.3.0 tidak ada fitur --watch. Permintaan tarik untuk fitur --watch ditembak jatuh 9 bulan yang lalu. github.com/cloudhead/less.js/pull/246
Gerard Roche

@BullfrogBlues: Maaf, itu dari lessc berbasis Ruby yang lama.
Lèse majesté

Catatan: "kurang-menonton telah diubah namanya menjadi fs-change. Gunakan itu sebagai gantinya:. npm install -g fs-change"
Andrew Lott

6

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.

2
Ada adalah sebuah compiler Ruby yang datang dengan permata KURANG Ruby tua tapi itu tidak diperbarui lagi sehingga banyak fitur baru tidak akan bekerja di atasnya. Jadi, jika Anda menggunakan Ruby, saya akan merekomendasikan hanya menggunakan lessckompiler biner yang didasarkan dari versi terbaru less.js.
Lèse majesté

@ Lèsemajesté, saya hanya akan pergi dengan SASS, tapi saya tidak ingin dituduh mengabaikan kemungkinan kompilasi KURANG di Ruby.
Peter Taylor

1
Ya, saya pikir SASS akan menjadi pilihan terbaik untuk Ruby karena permata KURANG telah ditinggalkan sejak beralih ke JS.
Lèse majesté
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.