gulp自动化管理精灵图

最新推荐文章于 2024-05-15 09:41:18 发布

luzhongk

最新推荐文章于 2024-05-15 09:41:18 发布

阅读量802

点赞数

分类专栏：基础文章标签： gulp 精灵图自动化

本文链接：https://blog.csdn.net/luzhongk/article/details/71106741

版权

基础专栏收录该内容

33 篇文章 0 订阅

订阅专栏

安装

npm install gulp –save-dev
npm install gulp.spritesmith –save-dev

var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');

gulp.task('autoSprite', function () {
  gulp.src('./src/img/*.png').pipe(spritesmith({
    imgName: 'sprite.png',
    cssName: 'sprite.css',
    padding: 20 
  })).pipe(gulp.dest('./dist/img/'));
});

gulp.task('default',["autoSprite"],function(){
    console.log("运行成功")
})