处理图片文件

针对小图片

1、下载 url-loader

2、引入图片

图片内存要小

3、配置

此时的图片变为base64的字符串了（base64编码：让图片加载更快）

所以此时加载的图片小于 limit时，会将图片编译为base64字符串形式

base64文件：不需要一个单独的文件来进行处理

1、下载 file-loader

2、而大文件则需要打包到一个单独的文件里面

3、此时不能显示，是因为当前body里面图片的路径里没有打包好的图片文件，那我们进行配置

这样，以后只要涉及url的文件，都会自动加上 dist/ 这个前缀路径

webpack自动帮助我们生成一个很长的名字，是一个32位hash值，目的是防止名字重复。

但是真实开发中，我们需要对打包的图片名字有一定的要求

所以，我们可以在options中添加一些属性