gulp-mxdsprite

0.0.1 • Public • Published

gulp-mxdsprite

npm install gulp-mxdsprite --save
npm install gulp-if --save
var gulpif = require('gulp-if');
var mxdsprite = require('gulp-mxdsprite');

gulp.src('./src/css/style-*.css')
    .pipe(mxdsprite())
    .pipe(gulpif('*.png', gulp.dest('./dist/sprite/'), gulp.dest('./dist/css/')));

mxdsprite 会导出 *.png 和 *.css 文件,使用 gulpif 来判断文件类型,保存到不同的目录。

需要被合并的图片,请放置于 slice 目录下,并在 CSS 中这样调用:

.icon-word {
    background-image: url('../slice/work.png');
}

Package Sidebar

Install

npm i gulp-mxdsprite

Weekly Downloads

2

Version

0.0.1

License

MIT

Last publish

Collaborators

  • googleyufei