咕嚕觀看不從HTML文件觀察到的任何文件進行任何更改預留

Question

這裏是我的「看」咕嚕任務的基本觀點：

module.exports = function(grunt){ 
    require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks); 
    grunt.initConfig({ 
     watch: { 
      options: { 
      livereload: true, 
      }, 
     gruntfile:{ 
      files:['gruntfile.js'], 
      tasks:['default'] 
     }, 
     html: { 
      files: ['index.html', 'assets/templates/*.html'], 
      tasks: ['default'] 
     }, 
     js: { 
      files: ['assets/js/*.js'], 
      tasks: ['default'] 
     }, 
     sass: { 
      options:{ 
       livereload:false 
      }, 
      files:['assets/sass/*.scss'], 
      tasks:['buildcss'], 
     }, 
     css:{ 
      files:['assets/sass/*.scss'], 
      tasks:[] 
     }, 
     }, 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default', ['htmlhint','buildjs', 'buildcss', 'browserSync', 'watch','serve']); 
}; 

所以我有buildcss，編譯和minifies我SCSS到主。 css文件。我已經設置了監視scss以查看更改，運行buildcss任務，然後在master.css文件更新後運行默認任務。然後它應該刷新頁面。 但是，每當我對scss文件進行更改並保存時，終端即使顯然「正在監視文件...」也不會顯示文件更新。在進行更改時，唯一顯示爲已更新的文件是html文件：索引和模板。對我來說完全是無稽之談。對不起，我第一次在這裏配置Grunt。

Answer 1

我很懷疑watch和browserSync，而不是將它們一起使用。首先，我必須將watchTask：true，添加到browserSync，然後我必須確保在觀看之前調用browserSync，然後我不得不添加控制檯促使我添加到我的index.html中的代碼段。現在它完美地工作。這裏是我用我的方式找到的網站：http://blog.teamtreehouse.com/getting-started-with-grunt