Rails + React + Webpack加载图像

Question

我使用rails + webpack将bundle.js文件编译到rails资产管道中。我在/ app / assets / images中放置了一个名为＆＃34; main.png＆＃34;的图像。如何在捆绑的React组件中访问此图像？

我正在使用shakacode对rails gem做出反应。 https://github.com/shakacode/react_on_rails

然后我尝试使用webpack处理它成功完成的图像，并将图像放在bundle.js文件旁边。我仍然在图像上得到404。

我知道我已经关闭了，因为rails资产的publicPath错误了。这个当前设置提供了localhost：3000 / webpack / main.png，它不使用rails。

这是我的webpack文件：

 Jan
 01-Mon
 02-tue

Answer 1

正确定义加载程序后，您可以使用require函数加载图像！例如，在您的导入附近添加：

const myImg = require('./assets/methods.png');

然后，在组件的渲染方法中：

<img src={myImg} />

这应该有用......