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.