javascript - 浏览器同步不使用 gulp 重新加载

标签 javascript angularjs gulp browser-sync

我正在尝试如下吞噬浏览器同步

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/

相关文章:

javascript - 在标签输入自动完成列表上添加精美的滚动条

javascript - ajax 正在加载页面以返回 POST 请求

javascript - 如何将颜色百分比更改为 RGB

javascript - Javascript 中的 HTML5 拖放事件

javascript - $q.all 在服务中返回 Controller 中的空对象

javascript - ng-class 对于选定的复选框不能正常工作

javascript - 带有 sourceComments : 'map' produces 'Assertion failed' 的 gulp 中的 SASS 任务

javascript - 不断出现 libsass 错误

gulp - JavaScript 构建工具的用途是什么

javascript - Flipswitch - 如何将翻转开关状态存储在变量中?