一张小于8kb时,使用url-loader进行打包,最终生成base64编码
一张大于8kb时,使用file-loader进行打包,webpack会在打包文件夹生成一个具有32位hash值的图片。这时图片仍然不能正常显示,这时因为webpack会将生成的路径直接返回给使用者,但是打包的文件是生成在dist文件夹下的,所以我们需要在配置文件的output中加入

publicPath:'dist/'

如果想对打包的图片进行命名,需要在配置文件的options中添加如下代码:

name:'img/[name].[hash:8].[ext]'