ES6,import 时，花括号 {}的用法

在A.js中是这样的：

//A.js

export default function () {
 
  alert("default module called!");
 
};

在B.js中引用A.js:

//B.js

import A from './A'

这样写的时候，就是A.js必须有export default ，不用{}，并且可以随意的取任何名字：

//B.js

import A from './A'
import MyA from './A'
import Something from './A'

但如果A.js中是这样的：

//A.js

export const A = 42

在B.js中引用时，必须用{},而且名字不能随意改变：

//B.js

import { A } from './A'

ps: 一个模块中只能有一个默认导出export default，但是却可以有任意命名导出（0个、1个、多个），你也可以如下，一次性将他们导入：

// B.js
import A, { myA, Something } from './A'

这里我们使用导入默认导出A，以及命名导出myA和Something。

我们甚至可以在导入的时候重命名导入：

import X, { myA as myX, Something as XSomething } from './A'

（一句话总结上面的用法：是默认导出（就是在defau{}里面的），就要不加{}，其他就需要加{}）

转自：https://blog.csdn.net/function__/article/details/79040111