Başka bir görevden atlama kaynağı

Question

Şu anda, şablonlarım önceden hazırlayan Gulp'te geçici bir dosya oluşturuyorum. Ondan sonra, onları bir javascript dosyası haline getirip uyandırıyorum. Ama geçici dosyalara sahip olmamayı tercih ederim. Gulp'te 'dinamik' bir kaynağa sahip olmanın bir yolu var mı? Akımları birleştirmeyi denedim, ama boşuna.

örnek kod:

gulp.task('template', function() { 
    gulp.src('./src/tpl/*.hbs') 
    .pipe(ember()) 
    .pipe(concat('tpl.js')) // make sure to only do concat after 
    .pipe(gulp.dest('tmp')); 
}); 

gulp.task('uglify', ['template'], function() { 
    gulp.src(['./tmp/tpl.js', './src/js/app.js']) 
    .pipe(uglify()) 
    .pipe(concat('epg.js')) 
    .pipe(gulp.dest('dist')) 
}); 

Answer 1

Görevler doğrudan diğer görevler içine taşınıyor olamaz, ancak akışları birleştirmek için event-stream kullanabilirsiniz: yapmanız gerekir Yani teorik

var es = require('event-stream'); 
function template() { 
    return gulp.src('./src/tpl/*.hbs') 
    .pipe(ember()); 
} 

function appjs() { 
    return gulp.src(['./src/js/app.js']); 
} 

gulp.task('uglify', function() { 
    return es.merge(template(), appjs()) 
    .pipe(uglify()) 
    .pipe(concat('epg.js')) 
    .pipe(gulp.dest('dist')); 
}); 

Answer 2

Bu, 3.8.0 ya da daha yüksek sürümü ile. Here is the changelog with an example of the feature. değişmek itibaren

:

gulp.src artık yazılabilir bir passthrough olduğunu, bu

Yani bir görev olabilir herhangi bir noktada boru hattına dosyaları eklemek için kullanabilirsiniz demektir böyle:

gulp.task('template', function() { 
    return gulp.src('./src/tpl/*.hbs') 
    .pipe(ember()) 
    .pipe(concat('tpl.js')) 
    .pipe(gulp.src('./src/js/app.js', { passthrough: true })) 
    .pipe(uglify()) 
    .pipe(concat('epg.js')) 
    .pipe(gulp.dest('dist')) 
}); 

Maalesef hata çeşit var gibi görünüyor Belirli globleri işlemede sorun yaşadığı yerde, here ve here numaralı konulara bakın. Umarım yakında çözülürler. Bu, projemde bunu kullanmamı engelliyor, ancak sizinkinde sadece tek bir dosya ekliyorsunuz, bu yüzden deneyin ve belki işe yarayacak. Herkes hala bu konuda size geliyor için bu işe yaramazsa

şifreli mod seçeneği dahil etmek merge-stream https://github.com/gulpjs/gulp/blob/master/docs/recipes/using-multiple-sources-in-one-task.md

Düzenlendi kullanmayı deneyin Bjorn Tipling

Answer 3

tarafından bahsedilen gulp.src için Bir görev akışına ek dosyalar eklemek için gulp.src'yi tamamen kullanabilir. Bir seçenek olarak { passthrough: true } eklemeniz yeterlidir.

gulp.task(tasks.SASS,() => { 
    return gulp.src(paths.css.src) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.src([ paths.css.vueStyles ], { passthrough: true })) 
    .pipe(concat('styles.css')) 
    .pipe(gulp.dest(paths.css.dest)) 

Bu soruya önemli olan tek çizgidir: Burada çalışan bir örnektir

.pipe(gulp.src([ paths.css.vueStyles ], { passthrough: true })) 

Bu detaylar sorusuna gereksizdir, ancak durumda karışıklık var, ben CSS dosyaları alıyorum SASS aracılığıyla, görevin bir parçası olarak oluşturulduktan sonra web paketi tarafından oluşturulmuş SASS dosyaları ile (vue dosyalarından ayıklanan) ayrı bir işte birleştirme. Benim tasks ve paths değişkenlerim sabit kodlanmış dizeleri kullanmıyor (çoğu zaman).

Not, ben yudum 4,0 kullanılan ama bu konularda sanmıyorum passthrough was added to master in 2015