dev

Learn how to set up multiple includePaths with Grunt Sass.

Multiple includePaths with Grunt Sass.
grunt-sass
sass: {
    dev: {
        files: {
            'src/css/styles.css': 'src/scss/styles.scss'
        },
        options: {
            includePaths: require('node-bourbon').includePaths.concat(require('node-neat').includePaths),
        }
    }
}
grunt-contrib-sass

sass: {
    dev: {
        files: {
            'src/css/styles.css': 'src/scss/styles.scss'
        },
        options: {
            loadPath: require('node-bourbon').includePaths.concat(require('node-neat').includePaths),
            sourceMap: true
        }
    }
}

The includePaths (or loadPath with grunt-contrib-sass) property takes an array of different string paths. Doing `require('node-bourbon').includePaths` by itself returns an array so to have multiple includePaths concatenation is required to keep that single array.

Thank you for your time.
Did this post bring you value?
Please share it on Twitter and subscribe to the email newsletter.
Thank you for reading.