0

scss と js では liveReload が正常に動作しますが、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']); 
    });

バンドルする前にテンプレートがビルドされていることを確認するために、run-sequence を使用する必要がありました。replaceIndex は、'src' から 'dist' への index.html の単純なパイプです。

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 タスクに追加しました。しかし、これはうまくいきません....

4

1 に答える 1

0

これは現在機能しており、追加の変更はありません! 私がこの突然の変化に帰することができる唯一のことは、カルマを実行している別のAngularプロジェクトを実行していたことです. それがシャットダウンされたとき、htmlファイルのライブリロードは正常に機能します....

于 2015-11-16T16:04:49.420 に答える