webpack4系列教程,如何合成精灵图片?发布于2020年10月28日 webpack 合成精灵图的方法很多,本篇文章讲述的是:如何利用webpack的spritesmith插件,来合成精灵图。精灵图是属于css优化的部分,主要的原理就是把很多的小图标合成为一个大的图,这样就可以达到减少并发数加速网页... 阅读更多
webpack4系列教程,如何压缩图片文件?发布于2020年10月26日 webpack 苏南大叔在这里案例一下,图片压缩的事情。当然,网页图片压缩这件事情,也不是非要弄到webpack里面进行操作。自己使用自己喜欢的工具,进行操作都是可以的。比如:苏南大叔觉得很不错的pngquant小工具,就是很好用... 阅读更多
webpack4系列教程,如何压缩css里面的空白字符?发布于2020年06月21日 webpack webpack对css的处理机制,也是五花八门,令人目不暇接。在本文中,苏南大叔描述另外一个webpack的optimize,主要功能就是对css文件的内的空白字符以及折行之类的进行处理。本文测试环境:win10、... 阅读更多
webpack4系列教程,如何利用purgecss去除多余的css?发布于2020年06月20日 webpack 在写页面的过程中,由于需求的变化,经常会有反复修改页面的过程。然后,就会出现大量的代码冗余,比如css文件,很多代码是多余的。但是,又不敢删除这些多余的css代码。因为不晓得,到底哪个是用的到,哪个是用不到的。本文... 阅读更多
webpack4系列教程,如何处理typescript文件?发布于2020年06月18日 webpack webpack4系列,如何处理typescript文件?在本文中,苏南大叔将要以.ts文件,如何在webpack中处理,为主要话题。typescript是javascript的一个超集。截至到发稿,没有一个浏览器可... 阅读更多