图片文件处理 图片文件处理 – 资源准备阶段 首先，我们在项目中加入两张图片： 一张较小的图片test01.jpg(小于8kb)，一张较大的图片test02.jpeg(大于8kb) 待会儿我们会针对这两张图片进行不同的处理...我们先考虑在css样式中引用图片的情况，所以我更改了normal.css中的样式： image.png 如果我们现在直接打包，会出现如下问题 image.png 图片文件处理 – url-loade...图片处理，我们使用url-loader来处理，依然先安装url-loade image.png 修改webpack.config.js配置文件： image.png 再次打包，运行index.html...而仔细观察，你会发现背景图是通过base64显示出来的 OK，这也是limit属性的作用，当图片小于8kb时，对图片进行base64编码 图片文件处理 – file-loade 那么问题来了，如果大于8kb...file-loade image.png 再次打包，就会发现dist文件夹下多了一个图片文件 image.png 图片文件处理 – 修改文件名称 我们发现webpack自动帮助我们生成一个非常长的名字