如果使用多个导入而不是一个命名导入，是否会产生性能成本

Question

我想知道如果我们进行多次导入是否会产生性能成本，如下所示：

import { wrapper } from './components/wrapper';
import { error } from './components/error';
import { products } from './components/products';

在每个组件文件夹中，我都有一个 index.js 并将其导出为命名的，如下所示：

export { default as wrapper } from '.wrapper';

---

相比：

将所有文件作为命名导入从同一源导入，如下所示：

import {
   wrapper,
   error,
   products,
 } from './components';

在components文件夹中，我有一个索引，我在其中收集并导出所有文件，如下所示：

export { wrapper } from '...';
export { error } from '...';
export { products } from '...';

Answer 1

根据ES262规范，importandexport语句只是向引擎提供模块之间依赖关系的信息。最终如何实际加载模块取决于引擎（尽管有一些限制）。因此，从源导入与导入再导出之间是否确实存在差异取决于环境。

不管怎样，差异可能是无关紧要的。选择最适合您的。