Gruntfile

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
• grunt 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: {
            ...
       }
   }
}

希望这有帮助！