Grunt + Sass，编译时如何包含子文件夹 scss？

Question

我正在尝试通过将其包含在 grunt 中并从那里进行编译来更改我的 sass 工作流程。如果我所有的 scss 文件都在一个文件夹中，我就可以编译成功：

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

然而，我通常的文件结构包含一个子文件夹，用于存放特定页面独有的组件。 Grunt 可以识别顶级 .scss 文件，但不能识别低于它的文件。我也试过这个：

        sass: {
        dist: {
            options: {
                style: 'compact'
            },
            files: {
                'style.css': 'css/main.scss',
                'style.css': 'css/pages/*.scss'
            }
        }
    }

但那里也没有快乐。如何从多个 scss 位置编译为单个 css 文件？

Answer 1

您必须在文件夹后添加 /**/，如下所示：

'style.css': 'css/**/*.scss'

您可以在此处查看文档：http://gruntjs.com/configuring-tasks#globbing-patterns

Grunt + Sass，编译时如何包含子文件夹 scss？

Grunt + Sass, how do I include subfolder scss when I compile?

css

sass

gruntjs