在与 webpack 的反应中包含和引用图像

Include and reference an image in react with webpack

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

到目前为止我有

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

有没有更好的方法?

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

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