Gulp dodawanie do plików, nie nadpisywanie

Question

Próbuję połączyć moje pliki JS i uruchomić je przez Babel dla nowego projektu, ale zamiast nadpisywać docelowy plik przy każdym uruchomionym zadaniu, mój plik gulp dołącza tylko zmiany do pliku. Tak więc mój plik docelowy kończy się w następujący sposób:

console.log('hello'); 

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

//# sourceMappingURL=app.js.map 

Czego mi brakuje? Poniżej znajduje się mój plik gulp.

Z góry dziękuję.

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

Czytasz i piszesz w tym samym katalogu docelowym. Dlatego najpierw czytany jest plik app.js, niektóre rzeczy są dodawane do niego, a następnie wynik jest zapisywany w pliku app.js, powodując to zachowanie dołączania. Powinieneś wyprowadzać do innego katalogu niż czytasz.