如何使用grunt-sass将多个scss文件编译成多个css文件？

Question

我想编译scss文件夹中的所有SCSS文件，而不是导入（文件名不以_开头），每个文件都放在单独的CSS文件中（与SCSS文件同名）。

可以在Prepros中找到的那种功能。

可以用grunt-sass做到吗？

我尝试了这个，但它不起作用：

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

Answer 1

您可以尝试：

sass: {
    dist: {
      files: [{
        expand: true,
        cwd: 'styles',
        src: ['*.scss'],
        dest: '../public',
        ext: '.css'
      }]
    }
}

Answer 2

您需要动态构建文件对象，请参见此处： http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically