html - 使用手表 liveReload html

Question

我的 liveReload 可以在 scss 和 js 上正常工作，但不能在 html 上工作。这是我的任务...

var gulp = require('gulp'),
    liveReload = require('gulp-livereload');

    gulp.task('watchFiles', function () {
        liveReload.listen();
        gulp.watch('src/**/*.scss', ['compileSass']);
        gulp.watch('src/**/*.html', ['watchHtmlFiles']);
        gulp.watch('src/**/*.js', ['bundle-app']); 
    }); 

我需要使用运行序列来确保我的模板是在捆绑之前构建的。replaceIndex 是 index.html 从“src”到“dist”的简单管道

var gulp = require('gulp'),
    runSequence = require('run-sequence'),
    liveReload = require('gulp-livereload');

    gulp.task('watchHtmlFiles', function (callback) {
        runSequence('templates', 'bundle-app', 'replaceIndex', callback);
    }); 

如果我将“.pipe(liveReload())”作为回调的一部分包含在内，我会收到一个错误......所以我将它添加到 bundle-app 和 replaceIndex 任务中。但这不起作用....

Answer 1

现在可以正常工作，没有其他更改！我唯一可以归因于这种突然转变的是，我正在运行另一个运行 karma 的 Angular 项目。当它被关闭时，html文件的实时重新加载工作正常......