Reactプロジェクトはファイル名でコンポーネントを自動的にエクスポートします

Question

私は相当数のコンポーネントを持つreact/webpackを使用してかなり大きなプロジェクトを進めています。 は、現在、私のフォルダ構造は次のようになります。

bin/ 
media/ 
src/ 
    components/ 
    login/ 
     Login.js 
     LoginContainer.js 
    registration/ 
    index.js 
    .. 
    framework/ 
    redux/ 
    .. 
static/ 
test/ 

そしてsrc/components/index.jsに私が輸出を実行します。export Login from ./Login/Loginので、他のコンポーネントには、私はちょうどファイルの場所を検索しなくimport {Login, LoginContainer} from 'components'を行うことができます。

現在、index.jsに書き出しをしない方法はありますか？ 毎回入力する必要なしに、自動的にすべてのjavascriptファイルを名前でエクスポートしたいと思います。

Answer 1

webpack.config.resolveにComponents-SubFoldersを追加して、ファイル名をインポートすることができます。 または、コンポーネントルートをresolve.modulesDirectoriesに追加し、コンポーネントフォルダに対する相対パスをインポートします。