component-roole

Use the awesome roole css pre-processor in your components

component-roole

Seemlessly use stylus in your components.

npm install component-roole

component.json

{
  ...
  "styles": [
    "dialog.roo",
    "navbar.roo"
  ]
  ...
}

builder.js

 
var Builder = require('component-builder'),
    write = require('fs').writeFileSync,
 
  roole = require('component-roole');
 
module.exports = function( reqresnext ) {
  var builder = new Builder('.');
  builder.copyAssetsTo('public');
 
  builder.use( roole );
  
  builder.build(function( errres ){
    if ( err ) return next( err );
    write( 'public/app.css', res.css );
    next();
  });
};