Gulp Concat + Browseryncの再起動

Question

私はgulp concatとbrowseryncを使用しています。 gulpを実行すると、ブラウザ同期が開始され、モジュールにあるすべてのjsファイルが連結されて再読み込みされます。問題は、jsファイルの連結は一度しか行われないため、gulpの実行を停止して再度実行して、jsファイルに反映された変更を確認する必要があるということです。私はあまりにもギャルを停止して再起動した後に、ギャル通知タスクを見るだけです。どうやってgulpをセットアップして、常にjsをバンドルしコンパイルしてからbrowersyncを実行するのですか？

// watch 
gulp.task('watch', ['browserSync', 'scripts'], function(){ 
    // Reloads the browser whenever HTML or JS files change 
    gulp.watch('app/*.html', browserSync.reload); 
    gulp.watch('app/modules/**/*.js', ['scripts']); 
}); 

gulp.task('scripts', function() { 
    return gulp.src('app/modules/**/**.js') 
     .pipe(concat('main.js')) 
     .pipe(gulp.dest('app/build/js')) 
     .pipe(notify({ message: 'Scripts in modules have been bundled!' })) 
     .pipe(browserSync.reload({ 
      stream: true 
     })); 
}); 

gulp.task('default', ['watch', 'scripts']); 

Answer 1

です

私はあなたの痛みがあなたのファイルを見てスクリプトを実行しなかったと理解しています。

P.S.私はそれがうまくいけない場合gulpの専門家ではないよ、ごめんなさい。

Answer 2

を私はよく分からないが、あなたはタスク "デフォルト" の下

gulp.watch('app/modules/**/*.js', ['scripts']);

を置くことを試みることができる：ここで

はこれを試してみてください、私のgulpfile

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var browserSync = require('browser-sync').create(); 
var notify = require('gulp-notify'); 


// default 
gulp.task('default', ['browserSync', 'scripts'], function(){ 
// Reloads the browser whenever HTML or JS files change 
gulp.watch('app/*.html', browserSync.reload); 
gulp.watch('app/modules/**/*.js', browserSync.reload); 
}); 

gulp.task('scripts', function() { 
return gulp.src('app/modules/**/**.js') 
    .pipe(concat('main.js')) 
    .pipe(gulp.dest('app/build/js')) 
    .pipe(notify({ message: 'Scripts in modules have been bundled!' })); 
}); 

//start browsersync 
gulp.task('browserSync', function() { 
browserSync.init({ 
server: { 
    baseDir: 'app' 
}, 
}) 
})