在ES6/Babel中是否可以进行多个类的导入？

22 浏览
0 Comments

在ES6/Babel中是否可以进行多个类的导入？

我正在开发一个React项目（我的第一个项目），最近我重新调整了文件夹结构，使其更加合理。

为了让我的生活更轻松，在我的组件文件夹中，我有一个名为index.js的文件，内容如下：

export * from './App';
export * from './Home';
export * from './PageWrapper';

（这个想法是从另一个StackOverflow问题中得来的）

在这种情况下，这个索引指向的每个文件都有一个单一的类导出。

现在在我的主应用程序中，我尝试做这样的事情：

import {Home, App} from './containers/index';
//或者
import Home from './containers/index';

什么都不起作用。我发现，如果我将它们分开成单独的行直接指向正确的文件，它就能工作。

import Home from './containers/Home';
import App from './containers/App';

所以，按照我现在的做法，是否可能导入多个类，只是我没有看到吗？我可能需要给它们都命名（App as App）吗？还是这只是一种强制性的限制？

0