grunt-sass-recursive-import

Recursively includes SASS Partials in all Subdirectories

Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-sass-recursive-import --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-sass-recursive-import');

The "sass_recursive_import" task

Overview

Find any SASS partial (beginning with an certain prefix (default _)) which resides inside the directory of main.scss and its sub-directories and import them into main.scss.

grunt.initConfig({
  sass_recursive_import: {
    options: {
      prefix: '_'
    },
    files: {
      dest: ['src/scss/main.scss']
    },
  },
});