私のgulp watchタスクは次のように構成されています:
gulp.task('watch', function() {
gulp.watch('js/*.js', ['scripts']);
gulp.watch('jade/*.jade', ['jade']);
gulp.watch('stylus/*.styl', ['stylus'])
gulp.watch('img/*', ['images']);
});
1 つのことを除いて、すべてが簡単に機能します。svg スタイルを更新するときは、livereload (gulp-connect プラグインを使用します) では機能しませんが、手動でリロードすると機能します... .jade ファイルは svg スタイルを更新するため、この小さな回避策は次のとおりです。
gulp.task('watch', function() {
gulp.watch('js/*.js', ['scripts']);
gulp.watch('jade/*.jade', ['jade']);
gulp.watch('stylus/*.styl', ['stylus', 'jade']) << workaround to force livereloading the html as well.
gulp.watch('img/*', ['images']);
});
これは、svg が埋め込まれている object タグと関係があると思われますが、確かではありません。また、css スタイルは、このリンクを使用して svg 自体にハードコードされています。
<?xml-stylesheet href="../css/style.css" type="text/css"?>
ちょっとしたハックで動作させることはできますが、なぜこれがすべて起こるのかについてはあまり啓発的ではありません...
これを私に説明できる人に事前に感謝します。