react webpack打包之后 图片裂了的原因和解决方法

如上图，图片裂了，而其他的图片好好的。

上图就是这个项目关于图片转码的配置，在看了配置之后，发现图片的大小是有限制的，也就是limit限制的大小是10kb？（额，这不重要）
而我这个图片250k太大了！(我觉得我就是个二百五)

但是讲道理，这个图片就算不转换成base64，也应该可以访问的，但实际上……

没错，图片的地址在打包之后因为我更改了原本的static的位置，所以访问不到于是发生了错误。
打包之前，我的static的位置没有变更，所以相对路径就可以直接寻到。
但打包之后，我把static与index.html文件分开了，所以导致访问失效。
既然找到原因，那么有两种方法：

1. 不更改配置，把打包好的文件中的图片单独拎出来放到一个能找到的地方，
2. 改配置，别的不变

1方法太邪道，于是我果断选择了2 。
其实很简单，重新编辑一下如图一的options下的publicPath，放到能找到的位置就可以了。

虽然这样一来，开发的时候大图片会裂开，但打包后的位置就不会出错了。
本着开发无所谓上线要看起来正常的项目标准，我无视了按下葫芦起的瓢。

以上。