Gulp - Livereload не работает для svg внутри тега объекта

Моя задача 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"?>

Я могу заставить его работать с помощью небольшого хака, но вы знаете, это не очень понятно, почему все это происходит...

Заранее спасибо всем, кто сможет мне это объяснить.


person doei    schedule 11.01.2015    source источник