ES6导出/导入索引文件

我目前通过webpack / bable在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'; 

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

最好的祝福

Answer 1

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

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

还有一个ES7 ES8的build议 ，可以让你export Comp1 from '…';写export Comp1 from '…'; 。

Answer 2

另外，请记住，如果您需要一次导出多个函数，就像您可以使用的操作一样

 export * from './XThingActions'; 

Answer 3

太晚了，但我想分享我解决它的方式。

具有两个命名导出的model文件：

 export { Schema, Model }; 

并有controller文件具有默认导出：

 export default Controller; 

我以这种方式暴露在index文件中：

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

并假设我想要导入他们所有的人：

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