Merhaba arkadaşlar, sizlere gulp’ın kullanımını anlatmıştım. Ancak zamanla kullandıktan sonra yaşadığım bir sorununda çözümünü paylaşmak istiyorum. Büyük front-end projelerinde, javascript tarafındaki kodlar çoğaldıkça fark ettim ki, kullandığım uglify paketi çok yavaş şekide build etmeye başladı dosyaları. Yani öyleki bir js değişikliğinden sonra 8-10 sn arası bekliyordum build etsin diye. Bunun böyle olmayacağını düşünüp araştırmaya başladım ve gulp-fs-cache
paketini buldum.
İlgili paketin linki;
https://www.npmjs.com/package/gulp-fs-cache
Kurulumu ise;
npm install gulp-fs-cache
Kullanım
Benim eski kodlarım şu şekildeydi;
gulp.task('js', () => {
return gulp.src('scripts/*.js')
.pipe(uglify())
.pipe(concat('app.min.js'))
.pipe(gulp.dest('dist/js'));
});
Bu şekilde kodlar çoğaldıkça derleme süresi 8-9 saniyeyi bulmaya başladı. Gif’e gözatın!
![](https://i0.wp.com/media.giphy.com/media/2UJvbLaaX5t7TiAMOe/giphy.gif?w=840&ssl=1)
Ve bu paketi kullanarak şu hale dönüştürdüm;
gulp.task('js', () => {
let jsFsCache = fsCache('tmp/jscache');
return gulp.src('scripts/*.js')
.pipe(jsFsCache)
.pipe(uglify())
.pipe(jsFsCache.restore)
.pipe(concat('app.min.js'))
.pipe(gulp.dest('dist/js'));
});
Sonuç ise mükemmel ????
![](https://i2.wp.com/media.giphy.com/media/1ynmLp1KvsHUtyD5zy/giphy.gif?w=840&ssl=1)
Kolaylıklar dilerim ????