Grunt html livereload

Question

Я использую супер простой файл grunt, который следит и выполняет мои файлы sass, а затем просматривает страницу с помощью расширения chrome.

Это все работает отлично, но я также хотел следить за изменениями в файле html и загрузке файлов, когда я вношу изменения и сохраняю.

Может ли сказать мне, почему это не работает

module.exports = function(grunt) { 

    require('load-grunt-tasks')(grunt); 

    // Project configuration. 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 

     // Sass processing 

     sass: { 
     dist: { 
      files: { 
      "css/styles.css": "css/scss/styles.scss" 
      } 
     } 
     }, 

     // Growl notifications 
     notify: { 
     full: { 
      options: { 
      message: 'Project compiled' 
      } 
     }, 
     sass: { 
      options: { 
      message: 'Sass compiled' 
      } 
     }, 
     html: { 
      options: { 
      message: 'html updated' 
      } 
     } 
     }, 

     // File Watcher 
     watch: { 
     sass: { 
      files: ['css/scss/*.scss'], 
      tasks: ['sass', 'notify:sass'], 
      options:{ 
      livereload: true 
      } 
     }, 

     html: { 
      files: ['index.html','**/*.html','**/*.css'], 
      tasks: ['notify:html'], 
      options:{ 
      livereload: true 
      } 
     } 
     } 

    }); 


    // Default task(s). 
    grunt.registerTask('default', ['watch']); 

    }; 

Answer 1

Работали его. часы html должны появиться перед часами sass