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，然后只需导入文件名。 或者只是将组件根添加到resolve.modulesDirectories并导入相对于components-folder的路径。