ES6中如何从一个目录导入多个模块？-js教程-PHP中文网

ES6中如何从一个目录导入多个模块？

Patricia Arquette

发布： 2024-12-01 05:24:13

原创

435 人浏览过

How Can I Import Multiple Modules from a Directory in ES6?

从多个文件导入 ES6 模块

ES6 允许使用语法 import {ThingA, ThingB, ThingC} from 从一个文件导入多个导出'lib/东西';。但是，也可以使用语法 import ThingA from 'lib/things/ThingA'; 从单独的文件导入相同的导出；这可能导致缺乏组织。

为了解决这个问题，需要使用通配符导入目录中所有文件的导出，例如，从以下位置导入 {ThingA, ThingB, ThingC} 'lib/things/*';.

可用性

不幸的是，目前不支持此功能。模块名称的解析由模块加载器处理，并且没有已知的实现支持通配符。

解决方法

在通配符导入可用之前，一个可行的解决方法是创建一个lib/things/index.js 中的中间模块文件包含以下内容：

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';

登录后复制

这允许您导入所需的导出为：

import {ThingA, ThingB, ThingC} from 'lib/things';

登录后复制

以上是ES6中如何从一个目录导入多个模块？的详细内容。更多信息请关注PHP中文网其他相关文章！