Javascript 在react with webpack中包含并引用图像_Javascript_Reactjs_Webpack_Singlepage

Javascript 在react with webpack中包含并引用图像

javascript reactjs webpack

Javascript 在react with webpack中包含并引用图像,javascript,reactjs,webpack,singlepage,Javascript,Reactjs,Webpack,Singlepage,在单页JavaScript应用程序构建和与webpack捆绑的过程中，包含和引用react使用的图像的最佳方式是什么到目前为止我有 return (<img src={require('./pic.png'}</div>) return（）有更好的方法吗？如果您使用的是Webpack，您可以告诉它在文件大小低于指定限制时自动嵌入数据uri require("url?limit=10000!./pic.png"); // => DataUrl if "pic.png

在单页JavaScript应用程序构建和与webpack捆绑的过程中，包含和引用react使用的图像的最佳方式是什么

到目前为止我有

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

return（）

有更好的方法吗？

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

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

根据不同的情况，有时精灵表更有意义。