Javascript 使用gulp设置配置文件。站点加载，但css注入没有发生。我该如何解决这个问题？

这是我的gulp配置文件。它启动了服务器，我可以在浏览器中查看站点，但保存更改只会在命令提示符中通知我，但浏览器中没有注入或更改

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

gulp.task('browser-sync', function(){
    browserSync.init({
            proxy : 'localhost:80/shopbuddydemo'
    });
});

gulp.task('html', function(){
    gulp.src('app/*.html')
    .pipe(reload({stream:true}))
});

gulp.task('css', function(){
  gulp.src('css/*.css')
  .pipe(reload({stream:true}))
});

gulp.task('js',function(){
    gulp.src('js/*.js')
    .pipe(reload({stream:true}));
});

gulp.task('serve', function () {

    // Serve files from the root of this project
    browserSync.init({
        proxy : 'localhost:80/shopDemo'
    });

    gulp.watch("*.html").on("change", reload);
    gulp.watch("css/*.css").on('change',reload);
    gulp.watch("js/*.js").on('change',reload);
});

gulp.task('watch', function(){
    gulp.watch('app/**/*.html', ['html']);
  gulp.watch('css/*.css', ['css']);
    gulp.watch('js/*.js', ['js']);
});

gulp.task('default', ['browser-sync', 'html', 'css', 'js','serve', 'watch']);

---

此语法适用于我：

browserSync.stream（）

而不是

reload（{stream:true}）

。我认为后者是一个较旧的语法版本

编辑：

另外，澄清一下，

reload

在监视任务中仍然工作得很好，至少在我的经验中是这样的。比如说,

const reload = browserSync.reload
gulp.watch(images.src, ['images', reload])
gulp.watch(markup.src, reload)

正是注入需要

browserSync.stream（）

：

编辑#2为了进一步补充，我只是浏览了源代码，从技术上讲，

重新加载（{stream:true}）

：

---

也就是说，在我的第一个答案中，我仍然在使用该方法时取得了更好的成功。

这种语法对我很有效：

browserSync.stream（）

而不是

重新加载（{stream:true}）

。我认为后者是一个较旧的语法版本

编辑：

另外，澄清一下，

reload

在监视任务中仍然工作得很好，至少在我的经验中是这样的。比如说,

const reload = browserSync.reload
gulp.watch(images.src, ['images', reload])
gulp.watch(markup.src, reload)

正是注入需要

browserSync.stream（）

：

编辑#2为了进一步补充，我只是浏览了源代码，从技术上讲，

重新加载（{stream:true}）

：

也就是说，在我的第一个答案中，我仍然用这种方法取得了更好的成功

     /**
     * BACKWARDS COMPATIBILITY:
     * Passing an object as the only arg to the `reload`
     * method with at *least* the key-value pair of {stream: true},
     * was only ever used for streams support - so it's safe to check
     * for that signature here and defer to the
     * dedicated `.stream()` method instead.
     */

    if (_.isObject(opts)) {
        if (!Array.isArray(opts) && Object.keys(opts).length) {
            if (opts.stream === true) {
                return stream(emitter)(opts);
            }
        }
    }