javascript - webpack 引入模組import 後面加入{}和不加大括號有什麼差別

Question

import a from 'b'和import {a} from '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導出的。