| 1 | gulp-stylus-sprites
|
| 2 | ===============
|
| 3 |
|
| 4 | ```
|
| 5 | import gulp from 'gulp';
|
| 6 | import filter from 'gulp-filter';
|
| 7 | import stylusSprites from 'gulp-stylus-sprites';
|
| 8 |
|
| 9 | gulp.task('sprite', () => {
|
| 10 | const _imageDest = 'htdocs';
|
| 11 | const _pngFilter = filter(['**/*.png'], { restore: true });
|
| 12 | const _stylFilter = filter(['**/*.styl'], { restore: true });
|
| 13 |
|
| 14 | gulp.src('./sprite/**/*.png')
|
| 15 | .pipe(stylusSprites, {
|
| 16 | imagesSrcBase: `${ __dirname }/sprite`,
|
| 17 | })
|
| 18 | .pipe(_pngFilter)
|
| 19 | .pipe(gulp.dest(_imageDest))
|
| 20 | .pipe(_pngFilter.restore)
|
| 21 | .pipe(_stylFilter)
|
| 22 | .pipe(cache('stylus'))
|
| 23 | .pipe(gulp.dest(SPRITE_CSS_DEST))
|
| 24 | .pipe(_stylFilter.restore);
|
| 25 | });
|
| 26 | ```
|