MyComponent
  font-size 12px
  background-color red

const React = require('react')
const Styles = require('./styles.styl') // or ./styles.css
class MyComponent extends React.Component {
  render () {
    return <div style={Styles.MyComponent}>
      Hello, world!
    </div>
  }
}

% npm install modcss -SE

% browserify -t [ modcss --paths somePathHere --nib true ] ./my-component.js

var browserify = require('browserify');
var modcss = require('modcss');
// in your task
var b = browserify(config);
b.transform(modcss, { paths: [ somePathHere ] });

require('modcss').register(/* stylusPaths, useNib */)
const myComponentStylesAsJSON = require('../styl/components.styl')
// Use require('modcss').deregister() to remove the association with CSS & Stylus files

module.exports = {
  output: {
    path: './output/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.styl$/,
        loader: '../index.js?paths[]=./mixins&nib=true',
        exclude: /node_modules/
      }
    ]
  }
};