监视任务不编译 sass 文件答案

【问题标题】：Watch task doesn't compile sass files监视任务不编译 sass 文件
【发布时间】：2015-06-16 16:49:45
【问题描述】：

所以我正在尝试设置我的第一个 grunt 应用程序，但我正在为 watch 任务而苦苦挣扎。

当我运行任务时，当我更改我的 sass 文件时，它看起来正在工作，但 css 文件没有更新，所以看起来它没有编译。

我想知道是否需要安装其他东西，对我来说这是全新的......我不确定我是否理解，因为它看起来很简单但我无法让它工作。

这是我的代码

module.exports = function(grunt) {

// Project configuration.
grunt.initConfig({
  watch:{
     sass:{
        options: {
            livereload: true
        },
        files:['sass/**/*.scss'],
        task:['sass']
    },
    css: {
        files: ['css/*.css'],
        tasks: []
    }
},
sass: {
    dist: {
        files: [{
            expand: true,
            cwd: 'sass',
            src: ['*.scss', '*.sass'],
            dest: 'css/',
            ext: '.css'
        }]
    }
  }
});

grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['sass']);

};

【问题讨论】：

标签： javascript sass gruntjs

【解决方案1】：

我认为您希望您的 livereload 位于 css 文件中，而不是 scss。因为它是您要重新加载的编译文件，而不是预处理 (scss) 文件。

示例

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

【讨论】：

【解决方案2】：

WWWWWW....

我刚刚发现问题...应该是“任务”而不是“任务”，我浪费了太多时间，才找到这个小东西！

【讨论】：