# gulp-flow-css

> CSS, LESS bundle for gulp-flow.

Latest version **2.0.0** (published 2019-05-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-flow-css
pnpm add gulp-flow-css
yarn add gulp-flow-css
bun add gulp-flow-css
```

## 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 | 2.0.0 |
| Published | 2019-05-06 |
| First published | 2019-05-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 10 |
| Dependencies | 5 |
| Unpacked size | 6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Nicolas Tallefourtane |
| Maintainers | nicolab |
| Keywords | gulp, gulpfriendly, gulp-flow-bundle, workflow, task, plugin, bundle, assets, css, less |

## Links

- npm: https://www.npmjs.com/package/gulp-flow-css
- Repository: https://github.com/gulp-flow/gulp-flow-css
- Issues: https://github.com/gulp-flow/gulp-flow-css/issues
- npm.io page: https://npm.io/package/gulp-flow-css

## Dependencies (5)

- [gulp-less](https://npm.io/package/gulp-less.md) ^4.0.1
- [gulp-sass](https://npm.io/package/gulp-sass.md) ^4.0.2
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^9.5.1
- [gulp-cssnano](https://npm.io/package/gulp-cssnano.md) ^2.1.3
- [gulp-postcss](https://npm.io/package/gulp-postcss.md) ^8.0.0

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2019-05-06

## README

# gulp-flow-css

CSS, SASS, LESS bundle for [gulp-flow](https://github.com/gulp-flow/gulp-flow).


## Requirements

* [gulp-flow](https://github.com/gulp-flow/gulp-flow) must be installed.


## Install

```sh
npm install --save-dev gulp-flow-css
```

or

```sh
yarn add --dev gulp-flow-css
```


## Usage

By default this bundle is preconfigured in `cfg.css`.

This module adds some `gp` (Gulp plugins):

* gp.postcss
* gp.cssnano
* gp.less
* gp.sass

And `pipes`:

* pipes.devSassBundle (NODE_ENV=development)
* pipes.prodSassBundle (NODE_ENV=production)
* pipes.devLessBundle (NODE_ENV=development)
* pipes.prodLessBundle (NODE_ENV=production)
* pipes.devCssBundle (NODE_ENV=development)
* pipes.prodCssBundle (NODE_ENV=production)

And push ignored files in `cfg.files`.

See the source code for more details.

### Task

A common use case:

```js
'use strict';

require('gulp-flow-css');

// build: CSS
gulp.task('build.css', function() {
  return gulp.src(cfg.css.src)
    .pipe(gp.newer(cfg.publicCssDir))
    // .pipe(gp.using())
    .pipe(gp.ifElse(
      envList.NODE_ENV === 'production',
      pipes.prodCssBundle,
      pipes.devCssBundle
    ))
    .pipe(gulp.dest(cfg.publicCssDir))
  ;
});
```

And run your tasks: `APP_ENV=dev gulp`


## LICENSE

[MIT](https://github.com/gulp-flow/gulp-flow-css/blob/master/LICENSE) (c) 2016, Nicolas Tallefourtane.


## Author

| [![Nicolas Tallefourtane - Nicolab.net](https://www.gravatar.com/avatar/d7dd0f4769f3aa48a3ecb308f0b457fc?s=64)](https://nicolab.net) |
|---|
| [Nicolas Talle](https://nicolab.net) |
| [![Make a donation via Paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PGRH4ZXP36GUC) |

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