Selain proses development yang semakin rumit untuk mengorganisir semua file ini, performa website pun menjadi penting untuk diperhatikan. Setiap merubah sesuatu, harus reload lagi. Atau ingin mengconver sass ke css, typescript ke js, semua perlu berganti tab ke terminal atau command prompt lagi.
Kadang kamu ingin mengecilkan ukuran file, ingin membagi file ke beberapa bagian agar lebih mudah diakses dan dikembangkan sampai mengecilkan ukuran setiap ada gambar yang ingin digunakan.
Tugas tugas ini bisa kamu buat berjalan otomatis dengan bantuan Task Runner, GulpJS.
Daftar Materi Belajar GulpJS
Tool frontend yang akan memudahkan kamu sebagai seorang frontend developer untuk membantu performa websitemu nanti. Gulp bisa mengerjakan berbagai tugas seperti meminfikasi file css, menggabungkan file javascript dan masih banyak lagi.
install dan testing gulp
bagaimana cara install gulp? install dulu node/npm dan gulp cli nya
gulp dan css
bagaimana cara meminifikasi dan menggabungkan beberapa file css dengan gulp
gulp dan javascript
bagaimana cara meminifikasi dan menggabungkan beberapa file serta mengatur urutan javascript di gulp
gulp dan gambar
bagaimana cara mengcompress atau mengecilkan ukuran gambar dengan gulp
menggabungkan task parallel
gulpjs bisa menggabungkan task dan menjalankannya secara paralel, karena sebagian besar tugas tidak perlu saling menunggu
watch task di gulp
Kamu tidak perlu terus menjalankan perintah gulp, dengan watch task atau mengawasinya, gulp akan berjalan sendiri
browser sync di gulp
Bagaimana dengan auto refresh atau reload browser kamu? gulp bisa juga melakukannya dengan bantuan browser sync di gulp
