Gruntfile 中忽略的 Sass 样式选项

Question

我有以下gruntfile，编译得很好，但它似乎忽略了style 选项，只使用默认的“嵌套”样式。我试过compressed、expanded 和compact，它们的结果完全一样。

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    sass: {
      dist: {
        files: {
          'css/style.css' : 'scss/main.scss'
        },
        options: {
          sourceMap: true,
          style: 'expanded'
        }
      }
    },
    sass_globbing: {
      your_target: {
        files: {
          'scss/_base.scss': 'scss/base/**/*.scss',
          'scss/_layout.scss': 'scss/layout/**/*.scss',
          'scss/_components.scss': 'scss/components/**/*.scss',
          'scss/_theme.scss': 'scss/theme/**/*.scss'
        },
        options: {
          useSingleQuoates: false
        }
      }
    },
    autoprefixer: {
      dist: {
        options : {
          browsers: ['last 2 version','ie 8','ie 9','android 4']
        },
        files: {
          'css/style.css' : 'css/style.css'
        }
      }
    },
    watch: {
      options: {
        livereload: true
      },
      css: {
        files: '**/*.scss',
        tasks: ['sass_globbing','sass','autoprefixer']
      }
    }
  });
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-sass-globbing');
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.registerTask('default',['watch']);
}

我正在使用：

• grunt-cli v1.2.0
• 咕噜 v0.4.5

我尝试向 scss 文件添加更改，删除样式表，生成一个具有不同名称的全新文件，运行 grunt sass --force，它仍然生成相同的文件（并且它正在生成文件）。我还尝试用grunt sass --style compact --force 覆盖 grunt 中的样式，但仍然没有乐趣。

我做错了什么？

Answer 1

根据https://github.com/sindresorhus/grunt-sass#usage 的文档，options 键要高一级（将其移出dist）：

grunt.initConfig({
    sass: {
        options: {
            sourceMap: true,
            style: 'compressed'
        },
        dist: {
            ...
       }
   }
}

希望这会有所帮助！