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导出的。