# gulp-clean-useless-css

> gulp clean useless css

Latest version **2.3.0** (published 2018-07-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install gulp-clean-useless-css
pnpm add gulp-clean-useless-css
yarn add gulp-clean-useless-css
bun add gulp-clean-useless-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.3.0 |
| Published | 2018-07-30 |
| First published | 2018-07-30 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 4.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | haiyang5210 |
| Maintainers | haiyang5210 |
| Keywords | gulp, clean, useless, css |

## Links

- npm: https://www.npmjs.com/package/gulp-clean-useless-css
- Repository: https://github.com/femvc/gulp-clean-useless-css
- Homepage: https://github.com/femvc/gulp-clean-useless-css#readme
- Issues: https://github.com/femvc/gulp-clean-useless-css/issues
- npm.io page: https://npm.io/package/gulp-clean-useless-css

## Dependencies (1)

- [css-format-new](https://npm.io/package/css-format-new.md) ^1.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.3.0 (latest) — 2018-07-30
- 2.1.0 — 2018-07-30
- 1.0.0 — 2018-07-30

## README

# gulp-clean-useless-css
---
一个基于gulp移除无用css的中间件

## Install
```bash
$ npm install gulp-clean-useless-css --save-dev
```

### 使用说明
```bash
1. 引用gulp-clean-useless-css
var cleanUselessCSS = require('gulp-clean-useless-css')

2. 创建任务
//定义名为cleancss的任务
gulp.task('cleancss', function() {
  return gulp.src([
    'css/global.css',
    'css/index-1.css'
  ])
    .pipe(concat('main.css'))
    .pipe(cleanUselessCSS([
      'src/x-select2.js',
      'src/x-select3.js',
      'src/x-table.js',
      'src/x-modal.js'

      'signin.html',
      'signout.html',
      'signup.html'
    ]))
    .pipe(gulp.dest('dist'))
})
```

### 工作原理

.aa .bb .cc { ... } 这条规则中只要aa,bb,cc有仍何一个未在源js,html中出现，则该条规则可以移除  

注：会误伤以下方式定义的样式

1. js中类似 '.level' + '01 .section { ... }'
2. 类名.class或#ID是从数据库中读出的情况

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