Gulp - Faydalı Eklentiler

Gulp, aşağıdaki tablolarda açıklandığı gibi HTML ve CSS, JavaScript, Grafikler ve diğer bazı şeylerle çalışmak için bazı yararlı eklentiler sağlar.

HTML ve CSS Eklentileri

Sr.No.	Eklenti ve Açıklama
1	autoprefixer Otomatik olarak CSS özelliklerine ön ekler içerir.
2	gulp-browser-sync CSS dizinindeki tüm HTML ve CSS dosyalarını izlemek için kullanılır ve dosyalar her değiştirildiğinde tüm tarayıcılarda sayfaya canlı yeniden yükleme gerçekleştirir.
3	gulp-useref Optimize edilmemiş komut dosyalarına veya stil sayfalarına referansları değiştirmek için kullanılır.
4	gulp-email-design CSS stillerini satır içi olarak dönüştüren HTML e-posta şablonları oluşturur.
5	gulp-uncss CSS dosyalarını optimize eder ve kullanılmayan ve yinelenen stilleri bulur.
6	gulp-csso Daha küçük dosya boyutu ile sonuçlanan CSS dosyalarını en aza indiren bir CSS iyileştiricidir.
7	gulp-htmlmin HTML dosyalarını en aza indirir.
8	gulp-csscomb CSS için stil formatlayıcı yapmak için kullanılır.
9	gulp-csslint Bir CSS linterini belirtir.
10	gulp-htmlhint Bir HTML doğrulayıcısını belirtir.

Sr.No.	Eklenti ve Açıklama
1	gulp-autopolyfiller JavaScript için gerekli polyfill'leri içeren autoprefixer ile aynıdır.
2	gulp-jsfmt Belirli kod parçacıklarını aramak için kullanılır.
3	gulp-jscs JavaScript kod stilini kontrol etmek için kullanılır.
4	gulp-modernizr Kullanıcının tarayıcısının sunması gereken HTML, CSS ve JavaScript özelliklerini belirtir.
5	gulp-express Gulp express.js web sunucusunu başlatır.
6	gulp-requirejs Require.js AMD modüllerini tek bir dosyada birleştirmek için require.js'yi kullanır.
7	gulp-plato Karmaşıklık analizi raporları oluşturur.
8	gulp-complexity Kodun karmaşıklığını ve sürdürülebilirliğini analiz eder.
9	fixmyjs JSHint sonuçlarını düzeltir.
10	gulp-jscpd Kaynak kodu için kopyalama / yapıştırma detektörü olarak kullanılır.
11	gulp-jsonlint JSON doğrulayıcısıdır.
12	gulp-uglify JavaScript dosyalarını küçültür.
13	gulp-concat CSS dosyalarını birleştirir.

Sr.No.	Eklenti ve Açıklama
1	gulp-nodeunit Gulp'tan düğüm birimi testlerini çalıştırır.
2	gulp-jasmine Çıktıyla ilgili sorunları bildirmek için kullanılır.
3	gulp-qunit QUnit testleri için temel konsol çıkışı sağlar ve PhantomJS düğüm modülünü ve PhantomJS runner QUnit eklentisini kullanır.
4	gulp-mocha Mocha'nın etrafındaki ince sargıyı belirtir ve Mocha testlerini çalıştırır.
5	gulp-karma Gulp'ta kullanımdan kaldırıldı.

Sr.No.	Eklenti ve Açıklama
1	gulpicon SVG'den sprite oluşturur ve bunları PNG'ye dönüştürür.
2	gulp-iconfont SVG'den WOFF, EOT, TTF dosyaları oluşturmak için web fontlarıyla birlikte kullanılır.
3	gulp-imacss Görüntü dosyalarını veri URI'lerine dönüştürür ve bunları tek bir CSS dosyasına yerleştirir.
4	gulp-responsive Farklı cihazlar için duyarlı görüntüler üretir
5	gulp-sharp Görüntünün yönünü ve arka planını değiştirmek ve yeniden boyutlandırmak için kullanılır.
6	gulp-svgstore SVG dosyalarını <symbol> öğeleriyle birleştirir.
7	gulp-imagemin & gulp-tinypng PNG, JPEG, GIF, SVG gibi görüntüleri sıkıştırmak için kullanılır.
8	gulp-spritesmith Görüntü ve CSS değişkenlerinden hareketli grafik sayfası oluşturmak için kullanılır.

Sr.No.	Eklenti ve Açıklama
1	gulp-less Gulp için LESS eklentisi sağlar.
2	gulp-sass Gulp için SASS eklentisi sağlar.
3	gulp-compass Gulp için pusula eklentisi sağlar.
4	gulp-stylus Kalemi CSS'de tutmak için kullanılır.
5	gulp-coffee Gulp için kahve yazı eklentisi sağlar.
6	gulp-handlebars Gulp için gidon eklentisi sağlar.
7	gulp-jst JST'de alt çizgi şablonları sağlar.
8	gulp-react Facebook React JSX şablonlarını JavaScript'e belirtir.
9	gulp-nunjucks JST'de Nunjucks şablonlarını belirtir.
10	gulp-dustjs JST'deki Toz şablonlarını belirtir.
11	gulp-angular-templatecache TemplateCache'deki AngularJS şablonlarını belirtir.

Gulp-clean eklentisi dosyaları ve klasörleri kaldırır ve gulp-copy eklentisi dosyaları kaynaktan yeni hedefe kopyalar.

Sr.No.	Eklenti ve Açıklama
1	gulp-grunt Gulp'tan Grunt görevlerini yürütür
2	gulp-watch Her değişiklik yapıldığında dosyaları izler.
3	gulp-notify Bir görev başarısız olduğunda hata mesajını bildirir.
4	gulp-git Git komutlarının kullanılmasına izin verir.
5	gulp-jsdoc Gulp için JavaScript belgeleri oluşturur.
6	gulp-rev Dosya adlarına statik varlık revizyonu sağlar.
7	gulp-bump JSON paketindeki versiyonları arttırır.
8	gulp-bower-files Bower paketlerini enjekte etmek için kullanılır.
9	gulp-removelogs Console.log deyimlerini kaldırır.
10	gulp-preprocess Bağlam veya ortam yapılandırmasına göre HTML, JavaScript ve diğer dosyaları önceden işler.
11	gulp-duration Gulp görevlerinin süresini belirtir.
12	gulp-changed & gulp-newer Değiştirilen dosyaları ve daha yeni dosyaları çalıştırır.
13	gulp-connect LiveReload ile bir web sunucusu çalıştırmak için kullanılır.
14	gulp-shell Kabuk komutlarını çalıştırır.
15	gulp-ssh SSH ve SFTP görevlerini kullanarak bağlanır.
16	gulp-zip Dosyaları ve klasörleri sıkıştırır.
17	gulp-clean & gulp-copy
18	gulp-filesize Dosya boyutunu insan tarafından okunabilir biçimde belirtir.
19	gulp-util Gulp eklentileri için yardımcı programlar sağlar.