【问题标题】:Gulp livereload doesn't restart serverGulp livereload 不会重新启动服务器
【发布时间】:2014-12-07 02:06:06
【问题描述】:

无法设置我的 gulp+livereload 服务器在 JS 文件更改时重新启动和更新页面。我该如何实现它?

这是我的 gulpfile.js:

var gulp        = require('gulp'),
    livereload  = require('gulp-livereload'),
    watch       = require('gulp-watch'),
    express     = require('express'),
    app         = express(),
    path        = require('path'),
    server      = tinylr();

 ...
gulp.task('js', function() {
  return gulp.src([
  'app/scripts/*.js',
    ])
    .pipe( concat('combined.js'))
    .pipe( gulp.dest('../dist/app/js/'))
    .pipe( livereload( server ));
});

gulp.task('watch', function () {
...
  gulp.watch(['app/scripts/*.js'],['js']);   
});

【问题讨论】:

  • 您可能想要使用BrowserSync(而不是 express、gulp-livereload、tinylr)——它是一个具有内置 livereload 功能以及其他一些好东西的开发服务器。对于手表,您可能希望使用内置的gulp.watch 方法而不是gulp-watch 插件。
  • 谢谢康斯坦丁,我试试看!

标签: javascript express gulp livereload


【解决方案1】:

使用 livereload.reload() 而不是 livereload() 并且不要忘记安装浏览器扩展并将 livereload 脚本添加到您的页面(使用 src="//localhost:35729/livereload.js?snipver=1" 通过默认)

【讨论】:

    猜你喜欢
    • 2015-03-11
    • 2014-10-03
    • 1970-01-01
    • 2020-07-11
    • 1970-01-01
    • 2016-07-06
    • 2015-06-25
    • 1970-01-01
    • 2015-08-19
    相关资源
    最近更新 更多