2016-07-25 17 views
0

私はgulp、html、cssのリロードはうまくいきますが、javascriptに問題があります。私がブラウザ同期タスクを起動し、いくつかのjを変更するとき、それは一度だけ意図して動作します。私はthis公式ガイドに従ってすべてをセットアップしました。Gulp-browserSyncタスクは一度だけ実行します

gulp.task('js', function() { 
    return gulp.src(['./app/*/*.js', './app/*.js']) 
     .pipe(browserify()) 
     .pipe(uglify()) 
     .pipe(gulp.dest('./build')); 
}); 

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

gulp.task('browser-sync', function() { 
    browserSync.init({ 
     server: { 
      baseDir: "./app/" 
     } 
    }); 

    gulp.watch('app/styles/*.scss', ['sass']); 
    gulp.watch("app/*.html").on('change', browserSync.reload); 
    gulp.watch(['./app/*/*.js', './app/*.js'], ['js-watch']); 
}); 

console log
私が最初にいくつかのJavaScriptを変更するときに、それが変更されますと、ページが意図したとおりにリロードされる - JS-時計のタスクを実行jsのタスクと、ページを再読み込みします。しかし、次回の実行では、jsタスクだけが実行されます。

私は質問をすることになる前に、これを約2時間グーグルで行っていたので、これは重複しないことを願っています。しかし、その場合には、申し訳ありません。

+0

後 '.pipe(browserSync.stream())としてみてください.pipe(browserSync.stream()); 'jsの' 内のタスクを追加;' 'のjsの' タスク中(.dest '後)' –

+1

作品、ありがとう! –

+0

私は答えとしてそれを追加することができます..それを受け入れる –

答えて

0

.dest()

gulp.task('js', function() { 
    return gulp.src(['./app/*/*.js', './app/*.js']) 
     .pipe(browserify()) 
     .pipe(uglify()) 
     .pipe(gulp.dest('./build')) 
     .pipe(browserSync.stream()) 
}); 
関連する問題