node package manager

cssify

cssify

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

Example

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

Install

With npm:

npm install cssify

Bonus

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! 
 

License

BSD

Misc

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

We ♥ your boss

Selectively mirror the npm registry inside your firewall. Filter packages based on security, licensing, code quality and more. Build awesome stuff faster. Try npm Enterprise for free…

how? learn more

Collaborators list

Stats

Try it out

Keywords

browserify, css, transform, browserify-transform, dom, browser

Dependencies (6)

css-modules-loader-core, lodash.assign, resolve, string-hash, stringify-object, through2

Dependents (55)

can-parse, patch-gatherings, donejs-number-input, can-ndjson-stream, react-social-badge, column-control, hypnotable, donejs-select, funnyp, switchery, react-pivot, react-ajaxing, pivot-pivot, bpm-bundle, browserify-postcss, lessify, react-pivot-fusion, ringcaptcha-widget, react-country-province, famous-oh-three, info-icon, info-overlay, cssloaderify, view-school, marty-clipboard, desassify, flex-box, switchery-browserify, modal-styled, can-tabs, readem, bit-autocomplete, table-ahead, mandelbrot, lightpost, famous-polymer, react-flowchart, @alexkuz/react-spinkit, leaflet-side-by-side, famous-trooperjs, ttips, snack.js, bit-c3, sassify, gitbook2edx, front-buddy, bit-tabs, simple-timeseries, simple-modal, chasen-number-input, and more