Question

我有这个图片文件夹：

- country
  - EN
  - FR
  - IT

我想以这种方式导入图片：

import image from "./country/{country}/test.png";

我该怎么做？

Answer 1

我将始终使用这两种方法（require, import）。首先，我是用两种方式对图像进行分类：

我正在使用的东西可能会经常使用它。
很少使用的东西。

然后我会创建一个js文件，我会导入所有1种类型的图像（经常使用）。当项目将加载时，它将首先执行所有导入语句，以便我的所有图像都已导入，所以每当我需要这些图像时，我确实从实用程序中获取了我为导入图像创建的图像。那个util文件就是这样的：

import CSK from "../assets/images/teamLogo/CSK.png";
import CSK_bw from "../assets/images/teamLogo/CSK-bw.png";

export function getImage(name) {
  switch (name) {
    case "CSK":
      return CSK;
    case "CSK_bw":
      return CSK_bw;
    }
  }

所以每当我需要图像时，我只需要导入带有图像名称的上述功能。

和我将根据要求使用的第二类图像。

在运行时使用es6 import或require导入图像

1 个答案: