Tag: urlloader

dynamic添加图像React Webpack

我一直想弄清楚如何通过React和Webpackdynamic添加图片。 我在src / images下有一个image文件夹，在src / components / index下有一个组件。 我正在使用url-loader和下面的webpackconfiguration { test: /\.(png|jpg|)$/, loader: 'url-loader?limit=200000' } 在组件中，我知道我可以添加要求（image_path）在文件顶部的特定图像在我创build组件之前，但我想使组件通用，并使其传递的图像的path父组件。 我所尝试的是： <img src={require(this.props.img)} /> 对于实际的属性，我尝试了几乎所有可以从项目根目录，响应应用程序根目录以及组件本身获取的图像的path。 文件系统 |– src | ` app.js | `–images | ` image.jpg | ` image.jpg | `– components | `parent_component.js | `child_component.js 父组件基本上只是容纳多个孩子的容器，所以… <ChildComponent img=data.img1 /> <ChildComponent img=data.img2 /> etc…. 有没有什么办法做到这一点使用反应和webpack与url-loader或我只是走错了path来接近呢？