咕嘟咕嘟附加到文件，而不是覆蓋

Question

我想我的串聯JS文件，並通過通天新項目運行它們，但不是覆蓋每個任務運行的目標文件，我只gulpfile改變附加到文件。所以我的目標文件最終看起來是這樣的：

console.log('hello'); 

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

//# sourceMappingURL=app.js.map 

我錯過了什麼？下面是我的gulpfile。

在此先感謝。

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

您正在讀取和寫入相同的目標目錄。因此，文件app.js是第一次讀，一些東西被添加到它，然後將結果寫入app.js，造成這種追加行爲。你應該輸出到不同的目錄比您閱讀。