# cssify

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

Latest version **1.0.3** (published 2016-07-25) · BSD license · 0 weekly downloads

## Install

```sh
npm install cssify
pnpm add cssify
yarn add cssify
bun add cssify
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2016-07-25 |
| First published | 2012-12-20 |
| Weekly downloads | 0 |
| License | BSD |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 0.12.0 |
| Dependencies | 6 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 120 |
| Author | David Guttman |
| Maintainers | dguttman, faergeek |
| Keywords | browserify, css, transform, browserify-transform, dom, browser |

## Links

- npm: https://www.npmjs.com/package/cssify
- Repository: https://github.com/davidguttman/cssify
- Homepage: https://github.com/davidguttman/cssify#readme
- Issues: https://github.com/davidguttman/cssify/issues
- npm.io page: https://npm.io/package/cssify

## Dependencies (6)

- [resolve](https://npm.io/package/resolve.md) ^1.1.6
- [through2](https://npm.io/package/through2.md) ^2.0.0
- [string-hash](https://npm.io/package/string-hash.md) ^1.1.0
- [lodash.assign](https://npm.io/package/lodash.assign.md) ^3.2.0
- [stringify-object](https://npm.io/package/stringify-object.md) ^2.3.1
- [css-modules-loader-core](https://npm.io/package/css-modules-loader-core.md) ^1.0.0

## Alternatives

- [babylon](https://npm.io/package/babylon.md) — 5.1M weekly downloads
- [csscolorparser](https://npm.io/package/csscolorparser.md) — 3.7M weekly downloads
- [expr-eval-fork](https://npm.io/package/expr-eval-fork.md) — 1.5M weekly downloads
- [@leeoniya/ufuzzy](https://npm.io/package/@leeoniya/ufuzzy.md) — 247.7K weekly downloads
- [xml-parser](https://npm.io/package/xml-parser.md) — 78.4K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2016-07-25
- 1.0.2 — 2015-12-27
- 1.0.1 — 2015-12-08
- 1.0.0 — 2015-11-13
- 0.8.0 — 2015-11-05
- 0.7.0 — 2015-03-04
- 0.6.0 — 2014-08-11
- 0.5.1 — 2014-05-06
- 0.5.0 — 2014-03-20
- 0.4.2 — 2014-02-09
- 0.4.1 — 2014-01-28
- 0.4.0 — 2014-01-06
- 0.3.0 — 2013-09-23
- 0.2.0 — 2013-09-23
- 0.1.1 — 2013-09-04
- … 2 more at https://npm.io/package/cssify/versions

## README

# 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:
``` css
body {
  background: pink;
}
```

entry.js:
``` 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](https://npmjs.org):

```
npm install cssify
```

# Bonus

To add a stylesheet from a url:

``` js

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.

---
_Source: https://npm.io/package/cssify · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._