問(wèn)題描述

import a from ’b’和import {a} from ’b’有什么區(qū)別

問(wèn)題解答

MDN題主這些概念性的問(wèn)題自己動(dòng)手上mdn搜一下就有的

首先，引入模塊是ES6的語(yǔ)法，和webpack并沒(méi)有太大的關(guān)系。只是webpack可以識(shí)別這種語(yǔ)法，而nodejs暫時(shí)還不支持而已。

摘自MDN：

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

member, memberNName of the exported members to be imported.defaultMemberName which will refer to the default export from the module.

也就是說(shuō)，通過(guò)import xxx from '...'引入的，xxx已經(jīng)是默認(rèn)導(dǎo)出項(xiàng)的別名了。而import { xxx } from '...'引入的，{ xxx }只是導(dǎo)出項(xiàng)的名字，而并非導(dǎo)入時(shí)的名字。

對(duì)象的解構(gòu)賦值樓主你需要了解下常用的ES6特性了.

區(qū)別就是第一個(gè)是通過(guò)export default導(dǎo)出的，第二個(gè)是export導(dǎo)出的。