Tout d'abord, l'introduction de modules relève de la syntaxe ES6 et n'a rien à voir avec le webpack. C'est juste que webpack peut reconnaître cette syntaxe, mais nodejs ne la prend pas encore en charge.
Extrait de MDN :
import defaultMember from "module-name";
import { member } from "module-name";
member, memberN Nom des membres exportés à importer. defaultMember Nom qui fera référence à l'export par défaut du module.
En d'autres termes, introduit via import xxx from "...", xxx est déjà un alias de l'élément d'exportation par défaut. import xxx from "..."引入的,xxx已经是默认导出项的别名了。 而import { xxx } from "..."引入的,{ xxx }Introduit par import { xxx } from "...", { xxx } est uniquement le nom de l'élément exporté, pas le nom lors de l'importation.
MDN
Vous pouvez trouver ces questions conceptuelles par vous-même en effectuant une recherche sur mdn
Tout d'abord, l'introduction de modules relève de la syntaxe ES6 et n'a rien à voir avec le webpack. C'est juste que webpack peut reconnaître cette syntaxe, mais nodejs ne la prend pas encore en charge.
Extrait de MDN :
En d'autres termes, introduit via
import xxx from "..."
,xxx
est déjà un alias de l'élément d'exportation par défaut.import xxx from "..."
引入的,xxx
已经是默认导出项的别名了。而
import { xxx } from "..."
引入的,{ xxx }
Introduit parimport { xxx } from "..."
,{ xxx }
est uniquement le nom de l'élément exporté, pas le nom lors de l'importation.Déstructuration et affectation d'objets
Propriétaire, vous devez comprendre les fonctionnalités ES6 couramment utilisées.
La différence est que le premier est exporté via l'exportation par défaut et le second est exporté via l'exportation.