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

Question

我想将 scss 文件夹中所有未导入的 SCSS 文件（文件名不以 _ 开头）编译成单独的 CSS 文件（具有相同的命名为 SCSS 文件 ).

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

可以用 grunt-sass 来实现吗？

我试过了，但没用：

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

Answer 1

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

Answer 2

你可以试试：

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

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

how to compile multiple scss files into multiple css files with grunt-sass?

sass

gruntjs