ES6在索引文件中导出/导入

Question

我目前正在通过webpack/babel在React应用程序中使用ES6。我使用索引文件收集模块的所有组件并将其导出。不幸的是，这看起来是这样的：

import Comp1_ from './Comp1.jsx';
import Comp2_ from './Comp2.jsx';
import Comp3_ from './Comp3.jsx';

export const Comp1 = Comp1_;
export const Comp2 = Comp2_;
export const Comp3 = Comp3_;

所以我可以很好地从其他地方导入它，比如：

import { Comp1, Comp2, Comp3 } from './components';

显然，这不是一个很好的解决方案，所以我想知道，是否还有其他方法。我似乎无法直接导出导入的组件。

Answer 1

太晚了，但我想分享我解决问题的方法。

有模型文件，其中有两个名为导出：

export { Schema, Model };

并且具有具有默认导出的控制器文件：

export default Controller;

我在索引文件中以以下方式公开：

import { Schema, Model } from './model';
import Controller from './controller';

export { Schema, Model, Controller };

假设我要导入所有这些：

import { Schema, Model, Controller } from '../../path/';

Answer 2

此外，请记住，如果您需要同时导出多个函数，例如可以使用的操作

export * from './XThingActions';

Answer 3

您可以轻松地重新导出默认导入：

export {default as Comp1} from './Comp1.jsx';
export {default as Comp2} from './Comp2.jsx';
export {default as Comp3} from './Comp3.jsx';

还有一个关于ES7 ES8的建议，它将允许您编写从...导出Comp1的代码；。