我的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"?>
我可以通过这个小黑客来解决这个问题,但你知道,为什么这一切都会发生,这并不是很有启发性......
提前感谢能向我解释此事的任何人。