webpack教程,webpack如何处理css module模块化?发布于2022年08月13日 webpack css模块化,生成的css代码都是随机的。具体体现在类名和id名上,对应的名字和传统的css选择器的命名是不一样的。其命名可以带上命名控件及随机数。当然,这个命名空间也实际上是假的,就是会安装特殊的命名规则生成选择... 阅读更多
webpack-dev-server,static参数有何作用?配置静态资源目录发布于2022年08月12日 webpack webpack进入了5系列,webpack-dev-server也更新到了4.9.3。那么,新版的webpack-dev-server在配置方面,有什么变化呢?这就是本文要讨论的问题。大家好,这里是苏南大叔的程序如... 阅读更多
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、... 阅读更多