在gulp和browsersync问题中观看新文件

Question

我在更改文件时使用browsersync重新加载浏览器。而且它的工作完美无缺。 但是当我创建新的文件，如HTML - scss - js bowsersync不工作！ 如何解决这个问题？

gulpjs：

＆＃13;

＆＃13;

// Browser Sync
gulp.task('browser-sync', function() {
    browserSync({
        injectChanges: true,
        notify: false,
        server:  "app"
    });
});


gulp.task('default',['sass','scripts', 'browser-sync'], function(){
    gulp.watch("app/**/*.html").on('change', reload);
    gulp.watch('app/img/*.*', ['bs-reload','images']);
    gulp.watch('src/scss/**/*.scss', ['sass']);
    gulp.watch('src/js/**/*.js', ['scripts','uglify']);
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

原来解决方案很简单。不要使用gulp.watch。请改用browserSync.watch。我还要重新组织你的任务，并添加一个配置。在这种情况下它有所帮助：

gulpfile.js

{{1}}

那应该有用。我希望它有所帮助。