webpack生成雪碧图

今天我们来研究一下如何用webpack生成雪碧图也就是sprite.sass,将许多小的，当然也可以是大的icons，合并成一张图片，并生成sass文件，以便引用，这样既能减少网站资源，也方便扩展，图片修改后可以重新生成。没有webpack环境的同学，可以参考之前的文章webpack安装

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

推荐阅读更多精彩内容

  • 浅谈 CSS Sprites 雪碧图应用
    2.CSS Sprite(CSS 精灵), 也称作 雪碧图；如华为官网右侧提示栏： 图标字体是个比较大的技术讨论点...
    萧强阅读 12,289评论 1赞 16
  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,842评论 0赞 21
  • [译]Webpack前端构建集成方案
    构建工具逐渐成为前端工程必备的工具，Grunt、Gulp、Fis、Webpack等等，译者有幸使用过Fis、Gul...
    陈坚生阅读 11,237评论 4赞 64
  • Webpack 学(cai)习(keng)之路
    前言 WebPack 是什么？ WebPack 是什么，WebPack 可以看做是模块打包机：它做的事情是，分析你...
    Promise__阅读 4,839评论 3赞 12
  • 当爱已成往事
    走过了春夏秋，冬天，就这样悄无声息的到来。南方的初冬，依然暖阳高照，还没感觉到有一丝冬的味道，不知道北方的天空下，...
    丨天涯丨阅读 3,764评论 1赞 4