Question

我有一个使用循环的值的分量图像。

类似：

arr.map(m => <Component imgsrc={m.src} />)

其中src prop是指向图像文件夹的链接。然后我

<img src={require(`${props.imgsrc}`)} />

但是如果不起作用，但是如果我静态使用它可以。

有什么区别？

Answer 1

Webpack需要知道在哪个目录中查找，因为它需要在构建时知道要在构建中包括哪些目录。如果整个路径是动态的，则Webpack将需要在构建中包括整个文件系统，这是不可行的。

如果Webpack可以找出要查找的位置，则可以使路径的各个部分动态化。

<img src={require(`../images/${props.imgsrc}.png`)} />