gruntjs不上青菜

Question

正常運行調試了現在小時..

的livereload工作時，我救我的.html文件，但不適合我的.scss，什麼毛病我在下面我的配置做了？ Chrome的終端和控制檯沒有錯誤顯示。

module.exports = function(grunt) { 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 
     watch: { 
      sass: { 
       files: ['components/sass/*.{scss,sass}'], 
       tasks: ['sass'] 
      }, 
      livereload: { 
       files: ['*.html', '*.php', 'js/**/*.{js,json}', 'css/*.css','img/**/*.{png,jpg,jpeg,gif,webp,svg}'], 
       options: { 
        livereload: true 
       } 
      } 
     }, 
     sass: { 
      options: { 
       sourceMap: true, 
       outputStyle: 'compressed' 
      }, 
      files: { 
       'css/styles.css': 'components/sass/styles.scss' 
      } 
     } 
    }); 
    grunt.registerTask('default', ['sass', 'watch']); 
    grunt.loadNpmTasks('grunt-sass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
} 

Answer 1

添加options.livereload您watch.sass還有：

watch: { 
     sass: { 
      files: ['components/sass/*.{scss,sass}'], 
      tasks: ['sass'], 
      options: { 
       livereload: true 
      } 
     }, 
// ... 

我有同樣的問題，我相信（不是100％肯定，雖然）這是由表不觸發2個任務，如果他們造成「再太近時間：

1. 您修改青菜，這會觸發看
2. 你頂嘴創建CSS
3. css的創建應該觸發手錶，但它並不是因爲它在1毫秒內被觸發了