javascript - Webpack import モジュールの後に {} を追加する場合と中括弧を追加しない場合の違いは何ですか?

Question

import a from 'b' と import {a} from 'b'の違いは何ですか

Answer 1

MDN
これらの概念的な質問は、mdn で検索すると自分で見つけることができます

Answer 2

まず第一に、モジュールの導入は ES6 の構文であり、webpack とは何の関係もありません。 Webpack はこの構文を認識できますが、nodejs はまだサポートしていません。

MDNからの抜粋:

リーリー

member, memberN
インポートされるエクスポートされたメンバーの名前。
defaultMember
モジュールからのデフォルトのエクスポートを参照する名前。

言い換えると、import xxx from "..." によって導入された xxx は、すでにデフォルトのエクスポート項目のエイリアスです。 import xxx from "..."引入的，xxx已经是默认导出项的别名了。
而import { xxx } from "..."引入的，{ xxx } import { xxx } from "..." によって導入された { xxx } は、エクスポートされた項目の名前のみであり、インポート時の名前ではありません。

Answer 3

オブジェクトの構造化と割り当て
所有者は、一般的に使用される ES6 機能を理解する必要があります。

Answer 4

違いは、最初のものはエクスポートデフォルトを通じてエクスポートされ、2番目のものはエクスポートを通じてエクスポートされることです。