有什么区别＆＃34; import {foo} form＆＃39; ./ foo＆＃39; ＆＃34;和＆＃34;导入foo表格＆＃39; ./ foo＆＃39; ＆＃34;

Question

我是现代JS世界的新手，有些事让我感到困惑。

在我的项目中，我使用以下工具：

• webpack用于构建配置和执行;
我理解
• babel用于将JSX源代码编译成JS;

假设我有以下jsx个模块：

foo.jsx

export default function foo(){}

bar1.jsx

import {foo} from './foo';

bar2.jsx

import foo from './foo';

那么foo和bar1.jsx中bar2.jsx之间的区别是什么？