web-dev-qa-db-ja.com

ES6グローバルインポート

プロジェクトのすべてのファイルにいくつかのモジュールをインポートするための最良の方法は何ですか。そのため、次のようなものを書く必要はありません。

import React from 'react';
import Reflux from 'reflux';
import reactMixin from 'react-mixin';

ほぼすべてのファイルで？

javascriptmoduleecmascript-6ecmascript-harmony
14
Victor Marchuk

他の答えはこれをカバーしていますが、有効なES6ではカバーされていないので、私は自分自身を追加しています。いくつかの中央のreact.jsファイルに、reactコンポーネントをインポートするための中央ファイルを作成します

export {default as React} from 'react';
export {default as Reflux} from 'reflux';
export {default as reactMixin} from 'react-mixin';

次に、これら3つを使用する必要があるファイルで、次のことができます。

import {React, Reflux, reactMixin} from './react';

3つすべてをコンポーネントファイルにインポートします。

13
loganfsmyth

一般的なインポートを宣言する「ベース」を作成すると、その1つのファイルをインポートできます。

6
eXecute