包含并引用与webpack反应的图像

Question

在单页面JavaScript应用程序构建中包含和引用反应用图像并与webpack捆绑在一起的最佳方法是什么？

到目前为止我已经

了

return (<img src={require('./pic.png'}</div>)

有更好的方法吗？

Answer 1

如果您正在使用Webpack的url-loader，如果文件大小低于指定的限制，您可以告诉它自动嵌入数据uri。

require("url?limit=10000!./pic.png");
// => DataUrl if "pic.png" is smaller that 10kb