All Projects → davidguttman → Cssify

davidguttman / Cssify

Simple middleware for Browserify to add css styles to the browser.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Cssify

Dough
React/Redux + SASS + Gulp/Browserify/Babel skeleton codebase with demo application.
Stars: ✭ 38 (-70.08%)
Mutual labels:  browserify
String To Stream
Convert a string into a stream (streams2)
Stars: ✭ 75 (-40.94%)
Mutual labels:  browserify
Frontbook
📖 FrontBook is a small and modern frontend boilerplate, enabling you to write ES201* today in production-ready projects.
Stars: ✭ 102 (-19.69%)
Mutual labels:  browserify
Conditioner
💆🏻 Frizz free, context-aware, JavaScript modules
Stars: ✭ 1,053 (+729.13%)
Mutual labels:  browserify
Connectivity
Detect if the network is up (do we have connectivity?)
Stars: ✭ 58 (-54.33%)
Mutual labels:  browserify
Npm Rails
NPM support for Rails with Bundler-like DSL
Stars: ✭ 81 (-36.22%)
Mutual labels:  browserify
React Pivot
React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
Stars: ✭ 981 (+672.44%)
Mutual labels:  browserify
Gulp Bro
👊 gulp + browserify + incremental build, done right.
Stars: ✭ 119 (-6.3%)
Mutual labels:  browserify
Buffer
The buffer module from node.js, for the browser.
Stars: ✭ 1,178 (+827.56%)
Mutual labels:  browserify
Common Shakeify
browserify tree shaking plugin using `common-shake`
Stars: ✭ 101 (-20.47%)
Mutual labels:  browserify
Browser Pack Flat
bundle browserify modules into a single scope, a la rollup
Stars: ✭ 50 (-60.63%)
Mutual labels:  browserify
Generator Dhboilerplate
Boilerplate made by David Hellmann
Stars: ✭ 54 (-57.48%)
Mutual labels:  browserify
Npm Pipeline Rails
Use npm as part of your Rails asset pipeline
Stars: ✭ 93 (-26.77%)
Mutual labels:  browserify
Phaser Node Kit
Rapid Game Development with PhaserJS and Node for Modern Browsers
Stars: ✭ 39 (-69.29%)
Mutual labels:  browserify
Jus
🍉 An opinionated tool for making static websites with browserify
Stars: ✭ 107 (-15.75%)
Mutual labels:  browserify
Simplifyify
A simplified Browserify and Watchify CLI
Stars: ✭ 37 (-70.87%)
Mutual labels:  browserify
Template.js
A javascript template engine, simple, easy & extras, support webpack, rollup, parcel, browserify, fis and gulp
Stars: ✭ 1,201 (+845.67%)
Mutual labels:  browserify
Serverless Plugin Optimize
Bundle with Browserify, transpile and minify with Babel automatically to your NodeJS runtime compatible JavaScript
Stars: ✭ 122 (-3.94%)
Mutual labels:  browserify
Babel Plugin Prismjs
A babel plugin to use PrismJS with standard bundlers.
Stars: ✭ 114 (-10.24%)
Mutual labels:  browserify
React Tsx Starter
Universal/Isomorphic React TypeScript Starter Project
Stars: ✭ 97 (-23.62%)
Mutual labels:  browserify

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].