关于前端:react-webpack打包之后-图片裂了的原因和解决方法

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

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

然而讲道理，这个图片就算不转换成 base64，也应该能够拜访的，但实际上……

没错，图片的地址在打包之后因为我更改了本来的 static 的地位，所以拜访不到于是产生了谬误。
打包之前，我的 static 的地位没有变更，所以相对路径就能够间接寻到。
但打包之后，我把 static 与 index.html 文件离开了，所以导致拜访生效。
既然找到起因，那么有两种办法：

1. 不更改配置，把打包好的文件中的图片独自拎进去放到一个能找到的中央，
2. 改配置，别的不变

1 办法太正道，于是我果决抉择了 2。
其实很简略，从新编辑一下如图一的 options 下的 publicPath，放到能找到的地位就能够了。

尽管这样一来，开发的时候大图片会裂开，但打包后的地位就不会出错了。
本着开发无所谓上线要看起来失常的我的项目规范，我忽视了按下葫芦起的瓢。

以上。