javascript - webpack 引入模塊import 后面加入{}和不加大括號有什么區別

問題描述

import a from ’b’和import {a} from ’b’有什么區別

問題解答

MDN題主這些概念性的問題自己動手上mdn搜一下就有的

首先，引入模塊是ES6的語法，和webpack并沒有太大的關系。只是webpack可以識別這種語法，而nodejs暫時還不支持而已。

摘自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.

也就是說，通過import xxx from '...'引入的，xxx已經是默認導出項的別名了。而import { xxx } from '...'引入的，{ xxx }只是導出項的名字，而并非導入時的名字。

對象的解構賦值樓主你需要了解下常用的ES6特性了.

區別就是第一個是通過export default導出的，第二個是export導出的。