Package Exports

sheetify
sheetify/transform

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (sheetify) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

sheetify

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

Features

rich plugin ecosystem
namespaced CSS 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)
})

cli api

Usage: sheetify [options] <target>

Options:
  -h, --help        Output usage information
  -v, --version     Output version number
  -u, --use         Use a sheetify transform
  -b, --basedir     Set the project base directory

Examples:
  $ sheetify index.js > bundle.css          # Bundle CSS to a file
  $ sheetify -u sheetify-cssnext index.js   # Use a transform

Docs: https://github.com/sheetify/sheetify
Bugs: https://github.com/sheetify/sheetify/issues

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