Dosyalara ekleyen gulp, üzerine yazmamak

Question

JS dosyalarımı birleştirip yeni bir proje için Babel aracılığıyla çalıştırmaya çalışıyorum, ancak her bir görev çalıştırmasında hedef dosyanın üzerine yazmak yerine, gulpfile'ım yalnızca dosyadaki değişiklikleri ekler. Yani hedef dosyam şu şekilde görünebilir:

console.log('hello'); 

//# sourceMappingURL=app.js.map 
console.log('goodbye'); 

//# sourceMappingURL=app.js.map 

Neyi eksik? Aşağıda benim gulpfile.

Şimdiden teşekkürler.

var gulp  = require('gulp'); 
var sourcemaps = require("gulp-sourcemaps"); 
var uglify  = require('gulp-uglify'); 
var rename  = require('gulp-rename'); 
var concat  = require('gulp-concat'); 
var babel  = require('gulp-babel');  
var browserSync = require('browser-sync').create(); 
var reload  = browserSync.reload; 

gulp.task('js', function(){ 
    return gulp.src("./app/js/*.js") 
    .pipe(sourcemaps.init()) 
    .pipe(concat("app.js")) 
    .pipe(babel()) 
    .pipe(sourcemaps.write(".")) 
    .pipe(gulp.dest("./app/js/")); 
}); 

gulp.task('js-reload', ['js'], reload); 

gulp.task('serve', ['js'], function() { 
    browserSync.init({ 
     server: "./app" 
    }); 
    gulp.watch("./app/js/*.js").on('change', ['js-reload']); 
    gulp.watch("./app/*.html").on('change', reload); 
}); 

gulp.task('default', ['js', 'serve']); 

Answer 1

Aynı hedef dizine okuyup yazıyorsunuz. Bu nedenle, uygulama dosyası ilk olarak okunur, buna bazı şeyler eklenir ve sonuç, bu ekleme davranışına neden olarak app.js'ye yazılır. Okuduğunuzdan farklı bir dizine vermelisiniz.