Reactjs 在React JS中导入资产的最佳方式是什么？

我目前正在使用React JS进行一个项目，其中包含大量资产。实际上，我想知道在这两种方法之间导入资产的最佳方法是什么：

-创建一个包含所有信息及其资产路径的JSON文件（例如，

mySuperImg:“../assets/img/myImage.jpg”

然后使用路径作为我的图像标记）

-直接导入组件中的所有资产（或者使用上下文API）（例如从“./assets/myImage.jpg”导入{myImage}），然后使用带有该路径的img标记

）

我的问题：导入资产的最佳方式是什么？这两种方法之间是否存在速度差异

---

谢谢！保重

最好将图像保存在资源中，并在源代码中使用它们，如果使用JSON文件，则必须同时跟踪这两个文件，这将导致混乱，因为您说您有很多资源。

我认为这取决于您。不管你觉得怎样舒服，你都应该去做。通常，我会将资产导入到相应的文件中，但也可以使用其他方式。除了

json

，您还可以使用

js

方法，类似于我们导出动作的方式，例如

export const ADD_PROJECT = "add_project";
export const FETCH_PROJECTS = "fetch_projects";

你可以用这样的东西

export const IMAGE = require("the location to your image");

要回答是否需要更多时间，我认为不会有任何性能问题，因为我们在大多数情况下对操作使用类似的方法