MDN
题主这些概念性的问题自己动手上mdn搜一下就有的

首先，引入模块是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 }只是导出项的名字，而并非导入时的名字。

对象的解构赋值
楼主你需要了解下常用的ES6特性了.

区别就是第一个是通过export default导出的，第二个是export导出的。