javascript - 是否可以在 grunt 中重新加载实时 css/图像？

Question

我目前正在使用内置 livereload的 grunt-contrib-watch。但是，查看源代码，它似乎比LiveReload的livereload-js简化了很多，其中包括额外的功能，例如实时 css/图像重新加载（而不是重新加载整个页面）

是否有可能在繁重的任务中获得这些功能？

Answer 1

正如您所提到的，grunt-contrib-watch 的 v2 内置了 livereload。如果您将 CSS 与 livereload chrome 扩展程序结合使用（我没有在其他浏览器中尝试过），那么 CSS 会在不重新加载整个页面的情况下重新加载。

watch: {
    scripts: {
        files: [ 'js/*.js' ],
        options: {
            livereload: true
        }
    },
    html: {
        files:['index.html', 'stylesheets/*.css'],
        options: {
            livereload: true
        }
    }
}

是您应该需要的所有设置。