webpack处理Img标签路径的几种情况

在使用webpack过程中遇到这个问题，各种搜索遇到此问题的还真不少，但都没有一个完整的说明。

后来研究下，图片除了路径替换还是就是图片做优化主是小于一定大小的通过转 base64 inline方式减少请求，另外就是通过image-webpack-loader插件图片压缩

1、静态文件.html中图片路径替换

2、React.js组件中的img标签中径处理

详细的代码说明放在github上了