gulp.js livereload与快递服务器?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (56)

我试图设置我gulpfile.js的快速服务器上使用livereload没有多少运气。我看到那里的例子,但它们似乎与静态文件服务器有关。

http://code.tutsplus.com/tutorials/gulp-as-a-development-web-server--cms-20903 http://rhumaric.com/2014/01/livereload-magic-gulp-style/

所以我有一个app.js用jade文件做标准express服务器的文件等等。我想要做的就是让它与gulp.js启动中的livereload一起工作。

app.set('port', process.env.PORT || 3000);
    var server = app.listen(app.get('port'), function() {
    debug('Express server listening on port ' + server.address().port);
});

有很多类似的插件gulp-livereloadconnect-livereloadgulp-connectgulp-watch所以我怎么能得到这个连接好?

提问于
用户回答回答于
用户回答回答于

我已经添加了代码

  1. 检测服务器文件中的更改并通过nodemon重新加载服务器
  2. 在进程重新加载后等待几秒钟,以便服务器有时间运行其初始化代码。
  3. 触发LiveReload服务器中的更改

注意1:你的构建还应该包含一个livereload服务器,并在调用'serve'任务之前将活动加载脚本附加到html文件中

注2:这是一个永不结束的异步任务,不要将其用作其他任务的依赖项

gulp.task('serve', function (cb) {
    nodemon({
        script  : <server start file>,
        watch   : <server files>
        //...add nodeArgs: ['--debug=5858'] to debug 
        //..or nodeArgs: ['--debug-brk=5858'] to debug at server start
    }).on('start', function () {
        setTimeout(function () {
            livereload.changed();
        }, 2000); // wait for the server to finish loading before restarting the browsers
    });
});

扫码关注云+社区

领取腾讯云代金券