react|react webpack打包之后 图片裂了的原因和解决方法
文章图片
【react|react webpack打包之后 图片裂了的原因和解决方法】如上图，图片裂了，而其他的图片好好的。
文章图片
上图就是这个项目关于图片转码的配置，在看了配置之后，发现图片的大小是有限制的，也就是limit限制的大小是10kb？（额，这不重要）
而我这个图片250k太大了！(我觉得我就是个二百五)
但是讲道理，这个图片就算不转换成base64，也应该可以访问的，但实际上……
文章图片
没错，图片的地址在打包之后因为我更改了原本的static的位置，所以访问不到于是发生了错误。
打包之前，我的static的位置没有变更，所以相对路径就可以直接寻到。
但打包之后，我把static与index.html文件分开了，所以导致访问失效。
既然找到原因，那么有两种方法：
- 不更改配置，把打包好的文件中的图片单独拎出来放到一个能找到的地方，
- 改配置，别的不变
其实很简单，重新编辑一下如图一的options下的publicPath，放到能找到的位置就可以了。
文章图片
虽然这样一来，开发的时候大图片会裂开，但打包后的位置就不会出错了。
本着开发无所谓上线要看起来正常的项目标准，我无视了按下葫芦起的瓢。
以上。
推荐阅读
- Beego打包部署到Linux
- react|react 安装
- React.js学习笔记(17)|React.js学习笔记(17) Mobx
- React.js的表单(六)
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 【React|【React Native填坑之旅】从源码角度看JavaModule注册及重载陷阱
- react-navigation|react-navigation 动态修改 tabBar 样式
- webpack|webpack 配置参考(production)
- webpack之基础篇
- jar|springboot项目打成jar包和war包，并部署（快速打包部署）