cascadify v0.0.7

cascadify

Cascadify recursively finds stylesheets, specified by package.json, and ensures they are concatenated in the correct order as per the heirarchy in which they are required.

For example, if module A depends on modules B and C, the styles of B and C's will be output before the styles of module A.

Installation

npm install -g cascadify

Usage

Provide the entry point to your app, and pipe output to desired css file:

cascadify ./index.js > output.css

Configuration

Specify styles in an Array in your module's package.json:

{
  "name": "my-package",
  "styles": [
    "my-package-style.css"
  ]
}

Note:

Cascadify uses browserify's package finding mechanisms to find required modules, so modules must be required somewhere via a require call for their styles to be used.

Example

CSS A

/* CSS A */
body {
  background: red;
}

CSS B

/* CSS B */
div {
  border-color: green;
}

CSS C

/* CSS C */
a {
  color: yellow;
}

Result

cascadify ./a/index.js > output.css

/* CSS B */
div {
  border-color: green;
}

/* CSS C */
a {
  color: yellow;
}

/* CSS A */
body {
  background: red;
}

Licence

MIT