Grunt Watch：每次 SASS 错误后都需要保存两次答案

【问题标题】：Grunt Watch: Need to Save Twice After Every SASS ErrorGrunt Watch：每次 SASS 错误后都需要保存两次
【发布时间】：2015-12-17 07:14:58
【问题描述】：

在编辑我的 SASS 文件时使用grunt-watch 时，如果我收到 SASS 错误，我必须在更正错误后保存两次才能解决它。以下是事件的顺序：

我包含一个在我的 SASS 文件中不存在的 mixin 并保存
grunt-watch 抛出 SASS 错误
我修正错误并保存
grunt-watch 抛出同样的错误
我再次保存
grunt-watch 编译正确

这是我的Gruntfile.js：

module.exports = function(grunt) {

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

        imagemin: {
            dynamic: {
                files: [{
                    expand: true,
                    cwd: 'assets/img',
                    src: ['assets/img/**/*.{png,jpg,gif}'],
                    dest: 'assets/img'
                }]
            }
        },
        sass: {
            dist: {
              options: {
                loadPath: require('node-neat').includePaths,
                style: 'compact',
                lineNumbers: true,
                cacheLocation: 'assets/sass/.sass-cache'
              },
              files: [{
                expand: true,
                cwd: 'assets/sass',
                src: ['*.scss'],
                dest: 'assets/css',
                ext: '.css'
              }]
            }
          },
        watch: {
            options: {
                livereload: true
            },
            css: {
                files: ['assets/sass/**/*.scss'],
                tasks: ['newer:sass'],
                options: {
                    spawn: false
                }
            },
            images: {
                files: ['assets/img/**/*.{png,jpg,gif}'],
                tasks: ['imagemin'],
                options: {
                    spawn: false
                }
            },
            js: {
                files: ['assets/js/**/*.js'],
                options: {
                    spawn: false
                }
            },
            html: {
                files: ['*.html'],
                options: {
                    spawn: false
                }
            },
            php: {
                files:['**/*.php'],
                options: {
                    spawn: false
                }
            }
        }

    });

    // List plugins we're using
    grunt.loadNpmTasks('grunt-contrib-watch'); // Watch - http://goo.gl/yxNE0
    grunt.loadNpmTasks('grunt-contrib-imagemin'); // Image Minify - http://goo.gl/mkIRPE
    grunt.loadNpmTasks('grunt-contrib-sass'); // SASS - http://goo.gl/pCHySn
    grunt.loadNpmTasks('grunt-newer'); // Newer - https://goo.gl/3vBTnf

    // Plugins to run when we run the 'grunt' command
    grunt.registerTask('default', [
        'imagemin',
        'sass'
    ]);

};

【问题讨论】：

标签： sass gruntjs grunt-contrib-watch

【解决方案1】：

事实证明，Watch 中神秘的 spawn 选项实际上需要在这个特定实例中设置为 true。和大多数人一样，我真的不知道spawn 是如何工作的，但它解决了这个问题。

    watch: {
        css: {
            files: ['assets/sass/**/*.scss'],
            tasks: ['newer:sass'],
            options: {
                spawn: true
            }
        }
    }

您不必将选项显式设置为true，它是默认设置的，因此您根本无法添加它。我只是把它作为一个例子。

【讨论】：