Gulp Uglify Yavaşlığını Çözmek: Dosya Sistemi Önbelleği Çözümü
Büyük Angular.js projelerinde JavaScript minifikasyonu yapıyorsan ve Gulp-uglify işlemi 15-20 saniye sürüyorsa, sorun muhtemelen her derleme sırasında tüm dosyaları işlemden geçirmesidir. Dosya sistemi önbelleği ekleyerek bu işlemi dramatik biçimde hızlandırabilirsin.
Çözüm basit: gulp-fs-cache paketini kurup, uglify işleminin önüne ve sonrasına iki satır kod eklemen yeterli. Bu yöntem derleme süresini 15-20 saniyeden 500ms-1.5 saniyeye düşürebilir.
İlk olarak gulp-fs-cache'i yükle:
npm install --save-dev gulp-fs-cacheSonra gulpfile.js'de paket gereksinimini ekle:
const fsCache = require('gulp-fs-cache');Önbelleği başlat (genellikle dosya görevinin başında):
const jsFsCache = fsCache.create('js');Uglify işlemini şu şekilde sarın:
.pipe(jsFsCache).pipe(uglify()).pipe(jsFsCache.restore)Eğer pump() kullanıyorsan, bütün pipe işlemlerini grup halinde yönetebilirsin:
const pump = require('pump');
pump(
gulp.src('src/*/.js'),
jsFsCache,
uglify(),
jsFsCache.restore,
gulp.dest('dist')
);
Önbellek, değişmemiş dosyaları atlar ve yalnızca yeni ya da değiştirilen dosyaları işler. Geliştirme sırasında bu, gözle görülür bir verimlilik kazancı sağlar. Önbellek dosyaları.cache dizinine kaydedilir; gerekirse bu klasörü silebilirsin.
Dikkate al: Üretim derlemesinde önbellek kullanmak isteyebilir ya da istemeeyebilirsin; bunu proje ihtiyacına göre ayarla. Geliştirme ortamında bu çözüm neredeyse zorunlu hale gelir.
0 yorum