Webpack和React.js

Question

我嘗試將webpack與我的react.js應用程序一起使用。 我遇到的問題與圖像有關。 如果我在輸入文件中需要正確的映像，該映像將構建到正確的目標位置，但是我的應用程序找不到它。 我只是得到一張空白圖片：

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標簽都將填充正確的圖像。 任何解決方案的線索將不勝感激:)

Answer 1

鑒於已在webpack配置中正確設置了加載程序，通常您可以通過以下方式導入和使用映像：

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

接着：

<img src={image} />

顯然，這兩個語句必須位於同一文件中。