为什么我的gruntfile.js中没有这个sass任务？

Question

此任务无效：

sass: {
  options: {
    style: 'expanded',
    sourceMap: true,
    importer: compass
    //includePaths: sassLib
  },
  dist: {
    files: [{
      expand: true,
      cwd: 'scss',
      src: ['globbed/style.scss'],
      dest: 'css',
      ext: '.style.css'
    }]
  }
},

但这是有效的，它会将style.scss编译为style.css：

sass: {
  dist: {
    files: {
      'css/style.css': 'scss/globbed/style.scss',
    }
  }
}

我应该在第一项任务中修改什么？

Answer 1

尝试将options对象移动到dist对象中。或者，由于您使用的是Compass，因此您可以尝试使用grunt-contrib-compass模块以获得更简单的方法。在您的情况下，代码可以是：

// ...
compass: {
    compile: {
        options: {
            sassDir: "scss",
            cssDir: "css",
            relativeAssets: true,
            outputStyle: "expanded"
        }
    }
},
// ...