[解決済み] ES 6モジュールのデフォルトを再エクスポート

質問

ES6では、以下のコードを短縮することは可能でしょうか？私は App.js ファイルがあり index.js .

index.js

import App from './App';

export default App;

このようなもの

index.js

export default App from './App.js'

どのように解決するのですか？

もしあなたが proposal-export-default-from バベルプラグイン (これは stage-1 プリセット を使用すると、以下のコードでデフォルトを再輸出することができます。

export default from "./App.js"

より詳しい情報は ECMAScript の提案 .

もう一つの方法（このプラグインを使わない）は。

export { default as App } from "./App.js"

上記は、別々のファイル、それぞれを独自の export を持つ、全てに共通する何かを持っている、例えば utils であるため、例えば、3つの ユーティリティ 関数をインポートしたい場合、複数の インポート :

import util_a from 'utils/util_a' 
import util_b from 'utils/util_b' 
import util_c from 'utils/util_c' 

一行でユーティリティのどれかをインポートすることができる。

import { util_a, util_b , util_c } from 'utils' 

を作成することで index.js ファイルを /utils フォルダにあるすべてのユーティリティのデフォルトをインポートし、再エクスポートします。 index ファイルは、そのフォルダに関連するすべてのインポートのための "ゲートウェイ" として機能します。