gruntjs - 如何让 grunt-watch 实时重新加载正确的 css 文件？

Question

我的目标是每当我保存对样式表的更改时，使用 grunt-watch 实时重新加载样式表。

我的 grunt 文件如下。

当我运行 grunt 时，文件会按预期被监视，但不会重新加载正确的 css 文件。

我可以在Chrome开发工具中看到| “网络”选项卡显示某些样式表正在实时重新加载。

但是，某些样式表并未实时重新加载，包括我正在更改的样式表。

我做错了什么？我的"file"选项值有错误吗？

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
     watch: {
            css: {
                files: '**/*.css',
                options: {
                    livereload: true
                }
            }
        }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');

};

Answer 1

我明白了。

问题是样式表的“链接”标记中存在拼写错误。

“rel”属性的 S 是大写的，但它们应该是小写的。

错误:

正确:

样式表在实时站点上运行良好(站点显示正确)，但没有被 grunt-contrib-watch 使用的脚本实时重新加载。

一旦我更正了拼写错误，样式表就开始按预期实时重新加载。