用图像反应组件

Question

我正在研究一个示例React应用程序。我将我的组件放在单独的文件夹中 - 每个主要组件都有一个文件夹。

app/
  components/
    shared/
    appcard/
      images/
      appcard.js
      reviews.js
  index.js
  index.html
dist   

我正在考虑在图像子文件夹（Appcard / images）中存储组件中使用的图像。我们的想法是在该文件夹中包含一个自包含的组件，包含所有样式，图像和其他所需的内容。这样，如果我将它复制到另一个应用程序（具有其他结构），我将不必更改组件代码中的任何内容（或从其他文件夹中复制图像等）

我正在使用Webpack进行构建。

关于如何实现这一目标的任何想法？或者这是一个坏主意（更好的做法，等等）？

Answer 1

您可以将图片文件夹移到app之外。这样你就不必担心在build和dist之间复制文件夹了。