sheetify

sheetify

Modular CSS bundler. Works with npm modules like browserify does.

Features

• rich plugin ecosystem
• CSS namespacing in modules using Browserify
• tiny API surface
• [WIP] works with LESS, SASS and regular CSS (CSS only right now)
• [WIP] pass global variables into packages

As a standalone package

js api

const sheetify = require('sheetify')
const path = require('path')

const opts = {
  use: [ [ 'sheetify-cssnext', { sourcemap: false } ] ],
  basedir: __dirname
}

sheetify(path.join(__dirname, 'index.css'), opts, function (err, css) {
  if (err) throw err
  console.log(css)
})

As a browserify transform

js api

const browserify = require('browserify')
const path = require('path')

browserify(path.join(__dirname, './index.js'))
  .transform('sheetify/transform')
  .bundle()
  .pipe(process.stdout)

package.json transform

{
  "name": "my-app",
  "browserify":{
    "transform": [
      "sheetify/transform"
    ]
  }
}

cli

$ browserity -t sheetify/transform index.js > bundle.js

Plugins

• sheetify-cssnext cssnext plugin for sheetify

License

MIT