javascript - Quelle est la différence entre ajouter {} après le module d'importation Webpack et ne pas ajouter d'accolades?

Question

Quelle est la différence entre importer a depuis 'b' et importer {a} depuis 'b'

Answer 1

MDN
Vous pouvez trouver ces questions conceptuelles par vous-même en effectuant une recherche sur mdn

Answer 2

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.

Answer 3

Déstructuration et affectation d'objets
Propriétaire, vous devez comprendre les fonctionnalités ES6 couramment utilisées.

Answer 4

La différence est que le premier est exporté via l'exportation par défaut et le second est exporté via l'exportation.