Grunt Sass - 将所有Sass文件编译成具有相同名称的CSS

Question

我使用了Compass,它将所有Sass文件编译成具有相同名称的CSS.例如my-style.scss将成为my-style.css.

我找到的关于grunt-sass的所有教程都是逐个映射文件名,手动如下:

sass: {
  dist: {
    options: { style: 'compressed' },
    files: { 'css/my-style.css': 'sass/my-style.scss' }
  } 
}

有没有办法让它更灵活？因此,每当我有新的Sass文件时,我都不需要更改Gruntfile.

谢谢

Answer 1

尝试使用此格式指定源文件和目标文件:

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

这读作"将所有文件匹配*.scss在source/styles/其子文件夹中,处理它们并将它们放入destination/styles/,将扩展名更改为.css.另请参阅http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically