css - 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