在与 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
在单个页面中包含和引用图像以供反应使用的最佳方式是什么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