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

您可以將（所有）Components-SubFolders添加到webpack.config.resolve中，然后僅導入Filename。 或僅將組件根目錄添加到resolve.modulesDirectories並導入相對於組件文件夾的路徑。