为什么 Gulp 无法在更改后自动重新处理我的 JS？

In my gulpfile.js,JS改变自动触发两者BrowserSync重新加载和我的 JS 处理任务。但由于某种原因，虽然重新加载确实有效，但我的 JS 任务无法正确处理 JS 更改并在中创建新的 JS 文件dist/文件夹。我必须为此重新启动 Gulp。为什么？

Gulpfile.js：

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var concat = require('gulp-concat');
var jshint = require('gulp-jshint');
var uglify = require('gulp-uglify');

gulp.task('sass', function() {
  return gulp.src('../assets/styles/**/*.scss')
  .pipe(sass())
  .pipe(gulp.dest('../dist/styles'))
  .pipe(browserSync.reload({
    stream: true
  }))
});

gulp.task('js', function() {
  return gulp.src(['../assets/scripts/*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(concat('main.js'))
    .pipe(uglify())
    .pipe(gulp.dest('../dist/scripts'))
});

gulp.task('browserSync', function() {
  browserSync.init({
    proxy: 'http://127.0.0.1/my_site/new-front-page/',
  })
})

gulp.task('watch', ['sass', 'js', 'browserSync'], function() {
  gulp.watch('../assets/styles/**/*.scss',['sass']);
  gulp.watch('../**/**/*.php', browserSync.reload);
  gulp.watch('../assets/scripts/*.js', browserSync.reload);
  gulp.watch('../*.html', browserSync.reload);
});

EDIT:

还尝试了下面的“js”任务代码（请参阅与上面的代码相比的最后 3 行），但无济于事：

gulp.task('js', function() {
  return gulp.src(['../assets/scripts/*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(concat('main.js'))
    .pipe(uglify())
    .pipe(gulp.dest('../dist/scripts'))
    .pipe(browserSync.reload({
      stream: true
    }))
});

As mark https://stackoverflow.com/users/836330/mark中提到的他的回答 https://stackoverflow.com/a/43017532/1883001，你应该改变你的watch任务。但是，你应该：

gulp.watch('../assets/styles/**/*.scss',['sass', browserSync.reload]);
gulp.watch('../**/**/*.php', browserSync.reload);
gulp.watch('../assets/scripts/*.js', ['js', browserSync.reload]);
gulp.watch('../*.html', browserSync.reload);

当样式和脚本发生变化时，我们重新运行任务（sass & js）并重新加载页面。

我尝试了您的代码并进行了这些更改，并且它有效。答案是基于Google Web Starter Kit 的 gulpfile.babel.js https://github.com/google/web-starter-kit/blob/master/gulpfile.babel.js#L176其中有：

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