Javascript 查看gulp中的新文件和browsersync问题

Javascript 查看gulp中的新文件和browsersync问题,javascript,task,gulp,watch,browser-sync,Javascript,Task,Gulp,Watch,Browser Sync,我正在使用browsersync在文件更改时重新加载浏览器。这是完美的工作。 但是当我创建新文件时,比如html-scss-js-bowsersync就不起作用了!!! 如何解决这个问题 gulpjs: //浏览器同步 gulp.task('browser-sync',function()){ 浏览器同步({ 他说,对,, 通知:错误, 服务器:“应用程序” }); }); gulp.task('default',['sass','scripts','browser sync',functio

我正在使用browsersync在文件更改时重新加载浏览器。这是完美的工作。 但是当我创建新文件时,比如html-scss-js-bowsersync就不起作用了!!! 如何解决这个问题

gulpjs:

//浏览器同步
gulp.task('browser-sync',function()){
浏览器同步({
他说,对,,
通知:错误,
服务器:“应用程序”
});
});
gulp.task('default',['sass','scripts','browser sync',function()){
在('change',reload')上吞下.watch(“app/***/.html”);
gulp.watch('app/img/*.'、['bs-reload'、'images']);
吞咽手表('src/scss/***.scss',['sass']);
gulp.watch('src/js/***.js',['scripts','uglify']);

});证明解决方案相当简单。不要狼吞虎咽,看吧。改用browserSync.watch。我还将重新组织您的任务,并添加一个配置。在这种情况下,它有助于:

gulpfile.js

// ------------------------------------------------------ Config
var config = {
    bs: {
        opts: {
            injectChanges: true,
            notify: false,
            server:  "app"
        },
        watch: [
            'app/**/*.html',
            'app/img/*.*',
            'src/js/**/*.js'
        ]
    }
}

// ------------------------------------------------ Browser Sync
gulp.task('browser-sync', function() {
    browserSync.init( config.bs.opts );

    browserSync.watch( './src/scss/**/*.{scss,sass}', [ 'sass' ] );
    browserSync.watch( 'src/js/**/*.js', [ 'scripts', 'uglify' ] );
    browserSync.watch( 'app/img/*.*', [ 'images' ] );
    browserSync.watch( config.bs.watch ).on('change', reload);
});

// ----------------------------------------------------- Default
gulp.task( 'default', [ 'sass','scripts', 'browser-sync' ] );

这应该行得通。我希望它能有所帮助。

在我的情况下,这总是会导致重新加载页面,而不会只是在无提示的情况下
注入更改(例如在CSS中)