javascript - Apakah perbezaan antara menambah {} selepas modul import webpack dan tidak menambah kurungan kerinting?

Question

Apakah perbezaan antara import a dari 'b' dan import {a} dari 'b'

Answer 1

MDN
Anda boleh mencari sendiri soalan konsep ini dengan mencari di mdn

Answer 2

Pertama sekali, memperkenalkan modul ialah sintaks ES6 dan tiada kaitan dengan webpack. Cuma pek web boleh mengecam sintaks ini, tetapi nodejs belum menyokongnya lagi.

Dipetik dari MDN:

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

ahli, ahliN
Nama ahli yang dieksport untuk diimport.
Ahli lalai
Nama yang akan merujuk kepada eksport lalai daripada modul.

Dalam erti kata lain, diperkenalkan melalui import xxx daripada "...", xxx sudah pun menjadi alias bagi item eksport lalai. import xxx from "..."引入的，xxx已经是默认导出项的别名了。
而import { xxx } from "..."引入的，{ xxx }Diperkenalkan oleh import { xxx } daripada "...", { xxx } hanyalah nama item yang dieksport, bukan nama apabila diimport.

Answer 3

Pemusnahan objek dan tugasan
Pemilik, anda perlu memahami ciri ES6 yang biasa digunakan.

Answer 4

Perbezaannya ialah yang pertama dieksport melalui lalai eksport, dan yang kedua dieksport melalui eksport.