我想知道如果我们进行多次导入是否会有性能成本,如下所示:
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 '...';
最佳答案
根据ES262 specification , import
和 export
语句只是向引擎提供有关模块之间依赖关系的信息。 最终如何加载模块取决于引擎(尽管有一些限制)。因此,从源头导入与导入再导出之间是否真的存在差异取决于环境。
无论差异如何,都可能无关紧要。选择最适合您的。
关于javascript - 如果使用多个导入而不是一个命名导入,是否会有性能成本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60567662/