Webpack和React.js

Question

我尝试在我的react.js-application中使用webpack。我遇到的问题是关于图像。如果我在输入文件中需要正确的图像，则图像会生成到正确的目标，但我的应用程序找不到它。我只是得到一张空白图片：

main.jsx: require('./styles/images/logo.png');

in my application: <img src="images/logo.png"  width="60%" alt="" />

当我直接在src-tag中需要图像时，一切都很好：

<img src={require('../styles/images/logo.png')} alt="" width="80px" />

有谁知道我做错了什么？我希望能够只需要整个图像文件夹，每个img-tag都会填充正确的图像。任何有关解决方案的线索都会非常感激：）

Answer 1

鉴于在webpack配置中正确设置了加载器，您通常会以下列方式导入和使用图像：

var image = require('./styles/images/logo.png');

然后：

<img src={image} />

这两个语句显然必须位于同一个文件中。