我正在尝试如下吞噬浏览器同步
var liveReload = require('browser-sync').create();
//reload when something changes once scss is converted to css
gulp.task('trigger-reload', ['sass'], function(){
liveReload.reload();
});
//set watchers to reload
gulp.task('watch', function(){
liveReload.init({
server: {
baseDir:'./'
}
});
gulp.watch('src/**/*.js', ['trigger-reload']); //js change
});
现在,当我对 js 文件进行更改时,我会在终端上看到以下内容:
[00:19:23] Starting 'trigger-reload'...
[BS] Reloading Browsers...
[00:19:23] Finished 'trigger-reload' after 282 μs
但它实际上并没有刷新页面,我必须手动刷新才能看到我的更改。关于我在这里缺少什么的任何建议?
最佳答案
我犯了一个简单的错误:
我们实际上需要提到要重新加载哪个文件,如下所示:
liveReload.reload('./index.html');
有效!
关于javascript - 浏览器同步不使用 gulp 重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31041823/