Reactjs 反应-加载静态图像
我正在使用react.js的webpack,但无法加载静态图像。 在我的react组件中,我尝试从例如mainContainer.js文件加载图像。我尝试使用文件加载器,我认为我设置正确,但webpack simple仍然无法识别图像文件夹 这里有一个到的内联链接 我尝试加载映像的.js组件的一部分:Reactjs 反应-加载静态图像,reactjs,webpack,Reactjs,Webpack,我正在使用react.js的webpack,但无法加载静态图像。 在我的react组件中,我尝试从例如mainContainer.js文件加载图像。我尝试使用文件加载器,我认为我设置正确,但webpack simple仍然无法识别图像文件夹 这里有一个到的内联链接 我尝试加载映像的.js组件的一部分: <a href="/" className="author"> <span className="name">Jane Doe</span><im
<a href="/" className="author">
<span className="name">Jane Doe</span><img src="./images/avatar.jpg" alt="" />
</a>
我这样做的方法是使用将所有静态图像复制到build文件夹中。然后在我的组件中,我可以引用它们,就像它们存在于根级别一样:
const copy = new CopyWebpackPlugin([
{ from: ROOT + '/images', to: 'images' }
]);
在您的组件中:
<img src="/images/logo.png" />
发布代码的相关部分,而不是Github的链接。请发布您的code@SyedAqeel我编辑了我的帖子
<img src="/images/logo.png" />