node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

optimizer-stylus

optimizer-stylus

This plugin for the RaptorJS Optimizer provides support for rendering Stylus dependencies to CSS.

Installation

First install the plugin:

npm install optimizer-stylus --save

Then, enable the plugin when configuring the RaptorJS Optimizer:

require('optimizer').configure({
        plugins: [
            {
                module: 'optimizer-stylus',
                config: {
                    ... // See Configuration below 
                }
            }
        ]
    });

Usage

Once this plugin has been enabled, you can then add Stylus dependencies to your optimizer.json files. The file extension for Stylus files is expected to be .styl. Example:

optimizer.json:

{
    "dependencies": [
        "style.styl"
    ]
}

Configuration

The configuration for the optimizer-stylus plugin supports the following properties:

Example configuration:

require('optimizer').configure({
        plugins: [
            {
                module: 'optimizer-stylus',
                config: {
                    includes: [nodePath.join(__dirname, 'stylus/mixins/')],
                    use: function(stylus) {
                        stylus.define('add', function(a, b) {
                            a = parseFloat(a);
                            b = parseFloat(b);
                            return a+b;
                        });
                    },
                    define: {
                        sub: function(a, b) {
                            a = parseFloat(a);
                            b = parseFloat(b);
                            return a-b;
                        }
                    },
                    imports: [
                        nodePath.join(__dirname, 'stylus/variables.styl')
                    ]
                }
            }
        ]
    });