# 130: Detik Pertama dengan Rungutan - Trik CSS

Anonim

Terdapat semua tugas ini yang perlu kita lakukan sebagai pembangun bahagian depan. Gabungkan dan tekan fail kami. Jalankan prapemproses kami. Optimumkan gambar. Jalankan ujian. Senarai terus dan berterusan. Menggunakan alat yang berbeza untuk mereka semua semakin sukar. Menjalankannya secara manual menjadikannya lebih teruk, dan mudah dikacaukan.

Grunt sangat sesuai untuk menyatukan semua ini. Mungkin anda sudah biasa dengan alat seperti CodeKit (diliputi dalam screencast ini) untuk melakukan perkara seperti ini. CodeKit hebat. Anda mungkin menganggapnya seperti penyediaan Grunt yang sangat spesifik dengan antara muka yang bagus. Grunt akan menjadi pengganti CodeKit jika anda perlu melakukan lebih banyak proses membina daripada tawaran CodeKit.

Dalam screencast ini kita membuat Grunt bangun dan menjalankan projek mudah. Ini dimaksudkan untuk menjadi video pengiring ke artikel yang lebih komprehensif melalui 24 cara.

Pautan yang berkaitan:

  • Pastikan anda selesai terlebih dahulu: Pasang Node
  • Laman web menggerutu: memulakan
  • My Grunt Boilerplate - yang melakukan apa yang kami lakukan dalam screencast ini dan lebih banyak perkara.
  • Plugin Grunt yang kami bicarakan: Uglify, Sass, Watch

Nota: Saya tahu saya seorang pemula Grunt. Ada maklumat Grunt yang hebat untuk dikongsi? Saya ingin mendengar komen. Annnnnd Saya tahu video itu agak kacau pada akhirnya. Akan membetulkan.