Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Gulp.js

Apa Itu Gulp?

by
Read Time:3 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Nafis Iman (you can also view the original English article)

Apa itu Gulp? Salah satu deskripsi dari Gulp adalah task runner. yang lainnya bisa menjadi toolkit untuk mengotomatisasi tugas-tugas yang memakan waktu

Apapun kamu menyebutnya, Ada satu karakteristik yang tetap benar: otomasi. Mari kita menggali sedikit lebih dalam ...

Apa itu Gulp?

Apa itu Task Runner?

Pada dasarnya, kamu menggunakan Gulp untuk mengotomatisasi barang-barang yang biasanya harus kamu lakukan secara manual, seperti menyusun Sass secara manual, mengoptimalkan gambar secara manual, menyegarkan halamanmu secara manual di browser, dan sebagainya.

Nah, ini tiga tindakan dapat Dikonsolidasikan ke tugas-tugas yang independen. Kemudian Kamu akan mengambil tugas-tugas dan telah menelan menjalankannya secara otomatis. Itu sebabnya alat seperti menelan dan mendengus disebut tugas pelari.

Pemipaan

Perbedaan besar antara Gulp dan task runners lainnya diluar sana adalah cara menangani operasi file Gulp  pada dasarnya akan melewati aliran data dari satu plugin ke berikutnya tanpa benar-benar menulis aliran tersebut dalam file sementara di antara tugas-tugas. Yang disebut pipping(pipa) atau streaming.

jika kamu mencari web untuk definisi pipping, kamu mungkin akan mendapatkan sesuatu yang sangat teknis. Jadi saya akan mencoba menyederhanakannya sedikit. Alur kerja Gulp bekerja dengan beberapa plugin berbeda yang melakukan berbagai operasi pada file tertentu.

untuk contoh, plugin Sass akan mengambil sebuah Sass atau SCSS file dan mengcompilenya menjadi file CSS. Plugin Uglify akan mengambil file normal JavaScript dan mengecilkannya.

Jadi, dengan pipping Kamu bisa mengambil sekumpulan file dan menjalankannya melalui satu set plugin atau melalui satu plugin. Dan kamu akan mendapatkan jenis file yang berbeda pada akhirnya, persis seperti yang saya katakan dengan plugin Sass. Kamu memulai dengan file SCSS, dan berakhir dengan file CSS.

Aliran Data

Biasanya jenis task runners ini akan menulis file sementara ke disk. Nah, Gulp tidak melakukan itu-ia menggunakan data streams (aliran data).

Jadi konten dari file tersebut sebenarnya tersimpan dalam sebuah buffer—ini adalah aliran data pada dasarnya dan itu hanya melewatkan dari plugin ke plugin sampai mencapai tujuan akhir. Dan diantara plugins ini, aliran itu melakukan beberapa perubahan.

jadi apa yang bisa kamu lakukan, untuk contoh, dimulai dengan file SCSS dan meneruskannya ke plugin Sass. Lalu, plugin Sass menerima file SCSS dan mengembalikannya ke file CSS Jadi aliran data dari yang kamu teruma setelah plugin Sass berbeda dengan yang masuk plugin.

Dan kemudian kamu bisa melakukan lebih banyak hal dengan itu. Mungkin menjalankannya melalui autoprefixer, benar? Jadi Gulp akan mengambil aluran data, dan akan menjalankannya melalui plugin autoprefixer, yang menerima file CSS. Dan itu juga mengembalikan file CSS itu, namun di antaranya menambahkan semua awalan vendor yang diperlukan. Jadi itu juga mengubah isi file itu.

Dan akhirnya, kamu bisa meminimalkannya, untuk contoh, kamu bisa menulisnya ke disk. Jadi itulah intinya bagaimana pemipaan bekerja. Kamu melewati data di awal arus, dan mendapatkan jenis data yang berbeda di akhir, dan di tengah-tengah kamu memiliki titik-titik yang melakukan operasi tertentu pada arus data tersebut.

Lihat Kursus Penuh

Jadi mudah-mudahan kamu sekarang memiliki pemahaman dasar tentang apa itu Gulp. kamu bisa mengambil Kursus penuh, Panduan Desainer Web untuk Gulp, di mana kita membahas bagaimana Gulp bekerja secara lebih rinci.

Kamu bisa langsung mengikuti kursus ini dengan berlangganan Envato Elements. Dengan biaya bulanan yang rendah, kamu mendapatkan akses tidak hanya ke kursus ini, tetapi juga perpustakaan kami yang berkembang lebih dari 1.000 kursus video dan eBook terdepan di Industri Envato Tuts +.

Ditambah lagi, kamu mendapatkan unduhan tak terbatas dari perpustakaan Envato Elements yang besar dari 440.000+ aset kreatif. Buat dengan font unik, foto, grafik dan template-template yang unik, dan memberikan proyek yang lebih baik dengan lebih cepat.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.