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'

您可以在此处查看文档：{{3}}

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

1 个答案: