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,所以我想知道,如果有其他的方法。 我似乎无法直接导出导入的组件。

最好的祝福

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

 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 '…';

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

 export * from './XThingActions'; 

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

具有两个命名导出的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/';