【发布时间】: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