stylus-import-tree

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

1import_tree('./foobar')
2
3// insted of:
4// @import 'foobar/a'
5// @import 'foobar/b'
6// @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:

1@import 'variables'
2@import 'base'
3
4import_tree('./modules')

Setup

You can setup this plugin using define

Standalone

1importTree = require 'stylus-import-tree'
2
3stylus(str)
4.define("import_tree", importTree)
5.render (err, css) ->
6  throw err if err
7  console.log css

Grunt

1grunt.initConfig
2  stylus:
3    dist:
4      options:
5        define:
6          import_tree: require 'stylus-import-tree'
7      files:
8        'tmp/assets/styles/app.css': ['app/styles/app.styl']

Credit

This is a fork of Style import_tree Proof of Concept by Aleksey V. Zapparov.

License

MIT