导入{module}和导入模块之间的差异[重复]

Question

我已经看到了从ES6中的另一个模块导入代码的以下两种变体：

import {module}  from "./Module"

和

import module from "./Module"

其中模块是在文件中定义的ES6类

Module.js

这两种导入语句有什么区别？

Answer 1

在第一种情况下

import {module}  from "./Module"

您正在从模块导入单个导出，并在当前范围中插入“模块”。在Module.js文件中，您必须命名为导出：

export { module, module2 }; 

请注意，有两个命名的导出，但您只导入一个。

在第二个示例中，您正在导入默认导出：

import module from "./Module"

在您的Module.js文件导出可以如下所示：

导出默认模块3；

请注意，您可以使用不同的名称导入默认值。

Answer 2

不同的是它的出口方式。

export default const myModule = {}

基本上它说“这是默认导出”。你导入这个

import myModule from 'module'

另一种方法是，可以按如下方式导出多个入口点：

export const myModule1 = {}
export const myModule2 = {}

你是用进口的吗

import {myModule1, myModule2} from 'module'

如果同时导出默认入口点和命名入口点，则可以执行以下操作：

import myModule, {myModule1, myModule2} from 'module'

这似乎不完全符合逻辑，通常包作者应该解释如何导入他们的模块。如果你是作者，这将帮助你