是否可以在React Typescript中导入通配符路径？

Question

我想从通配符路径动态导入React Typescript组件，如下所示：-

const Component = loadable(
  () => import(`../../../src/**/*/${component_name}`),
);

是否可以使用通配符像上面那样导入？

在Stackoverflow中找到了很多解决方案，但与要求不符。

任何帮助将不胜感激。

Answer 1

您应该使用React.lazy和Webpack require

<

此解决方案可能需要在添加到每个新组件之后重新启动Webpack 组件文件夹。 组件名称（在我们的情况下为aka fileName）应为uniq。 React.lazy需要默认导出

解决方案基于：

1. https://reactjs.org/docs/code-splitting.html
2. https://vuejs.org/v2/guide/components-registration.html