Css 咕噜+；Sass，编译时如何包含子文件夹SCS？

我正试图通过将其包含在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'
            }
        }
    }

---

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

您必须在文件夹后添加

/**/

，如下所示：

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

您可以在这里看到文档：

一种方法是使用将scss文件连接成一个巨大的文件，然后进行编译。