CODEWITHSUNDEEP
csssassgruntjs
ric0c
ric0c

Reputation: 33

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

I'm trying to change my sass workflow by including it in grunt and compiling from there. I can compile successfully if all my scss files are in one folder:

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

however my usual file structure includes a subfolder for components exclusive to certain pages. Grunt is recognising the top level .scss files but nothing below it. I also tried this:

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

but no joy there either. How do I compile to a single css file from multiple scss locations?

Upvotes: 0

Views: 962

Answers (1)

Bluety
Bluety

Reputation: 1909

You must add /**/ after your folder, like so:

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

You can see the documentation here: http://gruntjs.com/configuring-tasks#globbing-patterns

Upvotes: 2

Related Questions