Gulp - 对象标记内的svg的Livereload失败

时间:2015-01-11 15:13:32

标签: gulp livereload gulp-watch gulp-livereload

我的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嵌入的对象标签有关,但无法确定。此外,使用以下链接在svg中对css样式进行了硬编码:

<?xml-stylesheet href="../css/style.css" type="text/css"?>

我可以通过这个小黑客来解决这个问题,但你知道,为什么这一切都会发生,这并不是很有启发性......

提前感谢能向我解释此事的任何人。

0 个答案:

没有答案