监视任务不编译sass文件

Question

所以我想设置我的第一个grunt应用程序，但我正在努力完成监视任务。

当我运行任务时，当我更改我的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']);

};

Answer 1

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

示例

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

Answer 2

OWWWWWW ......

我刚刚发现问题......应该是＆＃34;任务＆＃34;没有＆＃34;任务＆＃34;，我浪费了太多时间，发现这个小东西！