Javascript 查看gulp中的新文件和browsersync问题
我正在使用browsersync在文件更改时重新加载浏览器。这是完美的工作。 但是当我创建新文件时,比如html-scss-js-bowsersync就不起作用了!!! 如何解决这个问题 gulpjs: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
//浏览器同步
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中)