Ada semua tugas yang perlu kita lakukan sebagai pengembang front end. Gabungkan dan kompres file kita. Jalankan preprocessor kami. Optimalkan gambar. Jalankan tes. Daftarnya terus bertambah. Menggunakan alat yang berbeda untuk semuanya semakin sulit. Menjalankannya secara manual membuatnya lebih buruk, dan mudah untuk mengacaukannya.
Grunt sempurna untuk mengekang semua ini. Mungkin Anda sudah familiar dengan alat seperti CodeKit (tercakup dalam screencast ini) untuk melakukan hal semacam ini. CodeKit sangat bagus. Anda mungkin menganggapnya seperti pengaturan Grunt yang sangat spesifik dengan antarmuka yang bagus. Grunt akan menjadi pengganti CodeKit jika Anda perlu melakukan lebih banyak hal dengan proses build Anda daripada yang ditawarkan CodeKit.
Dalam screencast ini kami membahas cara menyiapkan Grunt dan menjalankan proyek sederhana. Ini dimaksudkan sebagai video pendamping untuk artikel yang lebih komprehensif tentang 24 cara.
Tautan Relevan:
- Pastikan Anda sudah melakukannya terlebih dahulu: Instal Node
- Situs kasar: memulai
- Saya Grunt Boilerplate - yang melakukan apa yang kami lakukan di screencast ini ditambah lebih banyak barang.
- Plugin Grunt yang kita bicarakan: Uglify, Sass, Watch
Catatan: Saya tahu saya seorang grunt newb. Punya informasi Grunt yang bagus untuk dibagikan? Saya ingin mendengar di komentar. Annnnnd Aku tahu videonya agak kacau di bagian akhir. Akan memperbaiki.