gulp watch .js文件不起作用

Question

gulpfile.js

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;

gulp.task('serve')

// Static Server + watching scss/html files
gulp.task('serve', function() {

    browserSync.init({
        server: "./public"
    });

    gulp.watch('./public/**/*.html').on('change', reload); // worked
    gulp.watch('./public/**/*.js').on('change', reload); // doesn't work
});

gulp.task('sass', function () {
  return gulp.src('./public/sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./public/css'))
    .pipe(reload({stream: true}));
});

gulp.task('sass:watch', function () {
  gulp.watch('./public/sass/**/*.scss', ['sass'])
});

gulp.task('default', ['serve','sass', 'sass:watch']);

通过以上gulp设置，当我对html和sass文件进行更改时，我的broswersnyc工作正常，但它不适用于javascript文件。

这是我的文件夹结构：

是否与AngularJS有关？因为我的app.js（位于我的public文件夹中）由AngularJS控制器组成。

Answer 1

如果您将app.js移至＆＃34; public / js＆＃34;文件夹它可以正常工作

gulp.watch('./public/**/*.js').on('change', reload); // doesn't work

因为在以前的片段中，您正在观看公共目录的子文件夹中的js文件。

您可以使用此行，它可能会起作用

gulp.watch(['./public/**/*.js', './public/*.js']).on('change', reload);