具有图像的字典对象在性能上有什么区别吗？

Question

我想以最佳且可维护的方式管理React Native项目中的所有静态资源。

我正在使用Image组件，所有这些都是用于传递图像的本地参考，例如<Image source={imageReference} />，其中imageReference可以在下两个中获得方式。

我有这个：

import mailIcon     from '../../../assets/icons/mail.png';
import passwordIcon from '../../../assets/icons/password.png';
import mainLogo     from '../../../assets/brand/main-logo.png';

但是也有这个：

index.js在资源文件夹中

export const brand = {
  mainLogo: require('./brand/main-logo.png'),
  logoHorBlanco: require('./brand/logo-hor-blanco.png'),
};

export const icons = {
  checked: require('./icons/checked.png'),
  unchecked: require('./icons/unchecked.png'),
};

SomeComponent.js在某个地方

import { brand }       from '../../assets';

第一种方法允许我仅导入所需的图像，但是很难保留路径。第二种方法是从assets文件夹中导出的，因此，当我需要图像时，只需导入正确的对象，然后将需要的图像与brand.mainLogo一起使用（例如）。

所以我想知道：

1. 如果两个选项之间的性能存在差异。
2. 例如，当我在导入brand对象时，是（以某种方式）导入（或要求，缓存或以某种方式）该对象中的所有图像，或者只是我用{{1 }}。

谢谢。