Component Stylus Plugin

Plugin for component/builder to enable the direct use of stylus with components.

Usage Example

var Builder = require('component-builder'),
stylusPlugin = require('component-stylus-plugin');

var builder = new Builder('.');
builder.copyAssetsTo('public');
builder.use(stylusPlugin);

builder.build(function(err, res) {
write('public/app.js', res.require + res.js);
write('public/app.css', res.css);
});

Options

Component Stylus Plugin is highly customizable and exhibits a lot of the options that stylus itself has.

$3

Minfies the output of the stylus files that are being compiled

stylusPlugin.compress = false

$3

Adds line numbers as comments to the CSS being output. Very helpful for debugging.

stylusPlugin.linenos = true

$3

Adds support for Firebug's Stylus plugin for Firefox

stylusPlugin.firebug = false

$3

Allows you to import stylus files into your stylus files before compiling. Useful for custom mixins or global
variable definitions. You must provide a full path to the files.

stylusPlugin.imports = [__dirname + '/../globals/variableDefinitions.styl',
__dirname + '/../globals/customMixins.styl']

$3

Allow @import statements to load up regular CSS.

stylusPlugin.includeCSS = false

$3

Add additional paths to be searched for @import statements

stylusPlugin.paths = [__dirname + '/../junkDrawer',
__dirname + '/../someOtherPlace']

$3

Load up any additional plugins that you want to use.

var nib = require('nib')();

stylusPlugin.plugins.push(nib);