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

【问题标题】：how to compile multiple scss files into multiple css files with grunt-sass?如何使用 grunt-sass 将多个 scss 文件编译成多个 css 文件？
【发布时间】：2015-12-17 20:44:05
【问题描述】：

我想将所有在 scss 文件夹中且未导入的 SCSS 文件（文件名不以 _ 开头）分别编译成单独的 CSS 文件（与 SCSS 文件同名）。

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

可以用 grunt-sass 来做吗？

我试过了，但它不起作用：

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

【问题讨论】：

标签： sass gruntjs

【解决方案1】：

你可以试试：

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

【讨论】：

B.r.i.l.l.i.a.n.t!

【解决方案2】：

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

【讨论】：