angular中合成雪碧图的笨办法

1、添加gulpfile.js文件,编辑合成sprite的代码。

注意:图片路径和当前gulp的路径。

2、在gulpfile.js所在目录下,运行gulp命令,在你所需要合成图片的目录下生成sprite.png和sprite.css。

注意:理清楚gulpfile.js地址、图片地址、生成图片和css地址。

3、多个图片文件夹一次依此按照上面步骤,修改地址,在不同目录下生成sprite.png和sprite.css。

tips:可以删除已合成的小图标。

4、将所有sprite.css的代码拷贝到icon.less中。

tips:不用的sprite.css也可以删除了。

5、需要用的时候,@import icon.less 即可直接引用图表css函数。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容