Моя задача 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']);
});
Все работает как ветер, за исключением одного: при обновлении моего стиля 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, но не могу быть уверен. Также стиль css жестко закодирован в самом svg по этой ссылке:
<?xml-stylesheet href="../css/style.css" type="text/css"?>
Я могу заставить его работать с помощью небольшого хака, но вы знаете, это не очень понятно, почему все это происходит...
Заранее спасибо всем, кто сможет мне это объяснить.