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

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

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

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

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

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

你可能感兴趣的:(webpack处理Img标签路径的几种情况)