# gulp-css-spriter-dookay

> Sprite Sheet Generation from CSS source files. The best and different approach to sprite sheets.

Latest version **1.0.3** (published 2017-11-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-css-spriter-dookay
pnpm add gulp-css-spriter-dookay
yarn add gulp-css-spriter-dookay
bun add gulp-css-spriter-dookay
```

## 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 | 2017-11-17 |
| First published | 2017-11-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Eric Eastwood |
| Maintainers | xiaopig123456 |
| Keywords | css, gulp, gulpplugin, gulpfriendly, sprite, spritesheet, sass, less |

## Links

- npm: https://www.npmjs.com/package/gulp-css-spriter-dookay
- Repository: https://github.com/xiaopig123456/gulp-css-spriter-dookay
- Homepage: https://github.com/xiaopig123456/gulp-css-spriter-dookay#readme
- Issues: https://github.com/MadLittleMods/gulp-css-spriter/issues
- npm.io page: https://npm.io/package/gulp-css-spriter-dookay

## Dependencies (7)

- [css](https://npm.io/package/css.md) ^2.1.0
- [extend](https://npm.io/package/extend.md) ^2.0.0
- [bluebird](https://npm.io/package/bluebird.md) ^2.9.3
- [fs-extra](https://npm.io/package/fs-extra.md) ^0.14.0
- [through2](https://npm.io/package/through2.md) ^0.6.2
- [gulp-util](https://npm.io/package/gulp-util.md) ^3.0.1
- [spritesmith](https://npm.io/package/spritesmith.md) ^1.0.3

## 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

- 1.0.3 (latest) — 2017-11-17
- 1.0.2 — 2017-11-17
- 1.0.1 — 2017-11-17
- 1.0.0 — 2017-11-17

## README

[![npm version](https://badge.fury.io/js/gulp-css-spriter.svg)](https://github.com/xiaopig123456/gulp-css-spriter-dookay) [![Build Status](https://travis-ci.org/MadLittleMods/gulp-css-spriter.svg?branch=master)](https://github.com/xiaopig123456/gulp-css-spriter-dookay)

# gulp-css-spriter-dookay

`gulp-css-spriter-dookay`，雪碧图处理插件。基于`gulp-css-spriter`插件进行了改良，新增配置项`matchReg`,用于过滤是否需要合并的图片。  
[上海稻壳网络科技有限公司](http://www.dookay.com)

# Install

```
npm install --save -dev gulp-css-spriter-dookay
```

# Usage
```js
var gulp = require('gulp');
var spriter = require('gulp-css-spriter-dookay');
var minifyCSS = require('gulp-minify-css'); // https://www.npmjs.com/package/gulp-minify-css

gulp.task('css', function() {
  return gulp.src('./src/css/styles.css')
    .pipe(spriter({
      spriteSheet: './dist/images/sprite.png',
        pathToSpriteSheetFromCSS: '../images/sprite.png',
        spritesmithOptions:{
          padding:10
        },
        matchReg:{
          pattern:"\.\./images\/icons\/"
        }
    }))
    .pipe(minifyCSS())
    .pipe(gulp.dest('./dist/css'));
});
```

# Options
- `matchReg`: object - 匹配规则
  - `pattern`: string 正则表达式，默认为null，表示全部背景图片
  - `attributes`: string 可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配
- 其他配置项请参考https://github.com/MadLittleMods/gulp-css-spriter

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