typescript - 从不同文件导入多个同名模块

Question

我有一个正在做的项目。它有多个相互独立的迷你应用程序。我每个都有一个 config.tsx 文件。

import Container from "./container";
import store, { appName } from "./store";
import { ConfigObject } from "../ui-application/ui-application";

const config: ConfigObject = {
  store,
  name: appName,
  render: Container,
};

export default config;

上面是每个应用程序中的 config.tsx。它有商店。应用名称。以及作为每个应用程序内容的渲染。然后我想将所有配置文件导入到我的 ui-application 文件夹中，该文件夹将处理所有的组合和排序。然后它将导出并导入到我的 index.tsx 中，然后我将完全渲染。

就像这里是我现在的应用程序。我会添加更多。但这是开始。https://i.imgur.com/ijjfqMz.png

所以。我的问题是。ui-application 有没有办法自动检测所有这些 config.tsx 文件，或者我必须 import config为每个文件检测。我问这个是因为我确实想尽快添加新的应用程序，所以我所要做的就是添加配置文件，它会自动找到它。我对反应和一般编码仍然非常陌生，所以请不要判断:)

标签： typescriptreact-typescript