GULP 4.0 KURULUM

MUSTAFA AKÇAKAYA

Gulp'un en önemli sıkıntılarından bir tanesi görevleri tam anlamıyla sırayla gerçekleştirememesi sanırım. Bu durum 4.0 ile çözülmüş durumda. Henüz npm paketi olarak yerini almadı ama şu şekilde kurabiliriz:

# Öncelikle global olarak yüklediğimiz gulp varsa silelim
$ npm uninstall gulp -g

# Sonra projemizde yer alanı silelim
$ cd projem
$ npm uninstall gulp

# Daha sonra Gulp 4 CLI araçlarını Github 4.0 dalından kuralım
$ npm install gulpjs/gulp-cli#4.0 -g

# Aynı şekilde projemize de kuralım
$ npm install gulpjs/gulp.git#4.0 --save-dev

Kurulumu bu şekilde tamamlamış oluyoruz. Burada 4.0 için örnek bir gulpfile.js dosyası mevcut. Ben de küçük bir örnek hazırladım. Her ne kadar 4.0'ın sadece bir özelliğini gösterse de (gulp.series) neden 4.0'a şimdiden geçmiş olduğumu çok iyi gösteriyor:

var gulp = require('gulp');
var del = require('del');

var VENDOR = 'assets/vendor';

var paths = {
    jquery: {
        src: 'bower_components/jquery/dist/jquery.min.js',
        dest: VENDOR + '/jquery'
    },
    bootstrap: {
        src: 'bower_components/bootstrap/dist/**/*',
        dest: VENDOR + '/bootstrap'
    }
};

gulp.task('jquery', function() {
    return gulp.src(paths.jquery.src).pipe(gulp.dest(paths.jquery.dest));
});


gulp.task('bootstrap', function() {
    return gulp.src(paths.bootstrap.src).pipe(gulp.dest(paths.bootstrap.dest));
});

gulp.task('clean', function(cb) {
    del([
        VENDOR + '/bootstrap/css/*.*',
        '!' + VENDOR + '/bootstrap/css/bootstrap.min.css',
        '!' + VENDOR + '/bootstrap/css/bootstrap.css.map',
        VENDOR + '/bootstrap/js/bootstrap.js',
        VENDOR + '/bootstrap/js/npm.js'
    ], cb);
});


gulp.task('default', gulp.series('jquery', 'bootstrap', 'clean'));

Ben de yeni yeni kullanmaya başladığım için fazla bir bilgim yok ama öğrendikçe bir şeyler karalamaya çalışacağım.

Gulp 4.0 Kurulum

Gulp 4.0 henüz npm paketi olarak yayınlanmadı ama şimdiden kurup kullanalım. Özellikle gulp.series çok hoşunuza gidecek.

08.02.2015

Yorumlar