ES6のインデックスファイルへのエクスポート/インポート

Question

現在、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'; 

明らかにそれは非常にいい解決策ではないので、そこにあれば、私は、思っていました他の方法でした。インポートされたコンポーネントを直接エクスポートすることはできないようです。

敬具

Answer 1

あなたは簡単にデフォルトのインポートを再エクスポートすることができます。

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

はまた、あなたがexport Comp1 from '…';を書くようになるproposal for ES7 ES8があります。また

Answer 2

、一度に複数の関数をエクスポートする必要がある場合は、アクションのようにあなたが遅すぎる

export * from './XThingActions'; 

Answer 3

を使用することができますが、私は、私はそれを解決する方法を共有することを念頭に置いてクマ。

：私はこのように indexファイルで公開さ

export default Controller; 

：

export { Schema, Model }; 

とデフォルトのエクスポートを持つcontrollerファイルを持つ：輸出という名前の2つがありますmodelファイルを持つ

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

export { Schema, Model, Controller }; 

と私はimporしたいと仮定それらのトンすべて：私はexport *に問題があった

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

Answer 4

私はデフォルトの関数/クラスをインポートするだろうというとき、それはそう...

をundefinedを返し、私は最終的にexport {default} from './MyClass'とそれを固定し、それ