【Gulp】gulp制作雪碧图

前言

        上篇博客写到了安装gulp，这篇博客就介绍一下使用gulp来制作雪碧图，雪碧图（sprite ）是把多张图片拼到一张图中，提升性能的一种做法。把合并的图片一次性加载到内存中，需要时只渲染一部分。大大提高了页面响应速度。

准备工作

        安装gulp：cnpm install gulp --save-dev

        安装雪碧图需要的插件：cnpm install --save-dev gulp.spritesmith

        建立package.json文件

        新建gulpfile.js详情点击

        要生成的图片：