Gruntjs 在LESS中的更改应触发整页重新加载

我有一个grunt watch任务，当livereload检测到文件更改时，它会触发该任务。但是，当我更改.less文件时，它不会触发页面重新加载。在这种情况下，它只会使页面重新加载app.less，从而更新样式。这似乎是有意的，但对于我的项目来说，在那种情况下重新加载整个页面会更实际。我可以强制grunt watch始终执行整页重新加载吗？ 比尔， Daniel

您可以使用触发对html文件的更改：

module.exports = function(grunt) {
grunt.initConfig({
   less: {
                 development: {
                     files: {"index.css": "test.less"}
                 }
  },
  touch: {
    options: {
      force: true,
      mtime: true
    },
    src: ['index.html'],
  },
  watch: {
    less: {
      files: ['*.less'],
      tasks: ["less","touch"],
    },
    livereload: {
      options: { livereload: true },
      files: ['index.html'],
    },
  },
}
);
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-touch');
grunt.registerTask( 'default', ["less","watch"] );
};

---

使用文件：['less/***/*.less']这是我所做的，监视任务可以触发，但不是重新加载整个页面，它只会触发注入网站重新编译的less。这不是我想要的。这看起来很有希望。我试试看。虽然它看起来有点像黑客-