javascript - Was ist der Unterschied zwischen dem Hinzufügen von {} nach dem WebPack-Importmodul und dem Verzicht auf das Hinzufügen von geschweiften Klammern?

Question

Was ist der Unterschied zwischen dem Import von a aus „b“ und dem Import von {a} aus „b“?

Answer 1

MDN
题主这些概念性的问题自己动手上mdn搜一下就有的

Answer 2

首先，引入模块是ES6的语法，和webpack并没有太大的关系。只是webpack可以识别这种语法，而nodejs暂时还不支持而已。

摘自MDN：

import defaultMember from "module-name";
import { member } from "module-name";

member, memberN
Name of the exported members to be imported.
defaultMember
Name which will refer to the default export from the module.

也就是说，通过import xxx from "..."引入的，xxx已经是默认导出项的别名了。
而import { xxx } from "..."引入的，{ xxx }只是导出项的名字，而并非导入时的名字。

Answer 3

对象的解构赋值
楼主你需要了解下常用的ES6特性了.

Answer 4

区别就是第一个是通过export default导出的，第二个是export导出的。