A simple Browserify v2 transform for adding required styles to the browser.

If you have a file entry.js that you want to require some css from style.css:

style.css:

body { background: pink; }

entry.js:

var styleNode = require('./style.css'); console.log('The background is pink!')

Install cssify into your app:

$ npm install cssify 

When you compile your app, just pass -t cssify to browserify:

$ browserify -t cssify entry.js > bundle.js 

With npm:

npm install cssify 

To add a stylesheet from a url:

var cssify = require('cssify') cssify.byUrl('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css') // Bootstrap styles!

BSD

Thanks to substack's insert-css and domenic's simple-jadeify for helping me figure out how to actually test this thing.