Stylus-import-tree NPM

stylus-import-tree

This plugin allows you to recursively import entire directories instead of writing bunch of @import statements in your stylus file:

import_tree('./foobar')

// insted of:
// @import 'foobar/a'
// @import 'foobar/b'
// @import 'foobar/c/d'

Import order

Files will be imported in alphabetical order based on filename. To import the files in a specific order you can either name them accordingly, use this plugin in conjunction with a build tool such as Grunt, or import them separately:

@import 'variables'
@import 'base'

import_tree('./modules')

Setup

You can setup this plugin using define

Standalone

importTree = require 'stylus-import-tree'

stylus(str)
.define("import_tree", importTree)
.render (err, css) ->
  throw err if err
  console.log css

Grunt

grunt.initConfig
  stylus:
    dist:
      options:
        define:
          import_tree: require 'stylus-import-tree'
      files:
        'tmp/assets/styles/app.css': ['app/styles/app.styl']