如何用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