当给定文件夹路径时，JavaScript导入是如何工作的

Question

即使在网上看到示例React代码后，我仍然无法理解import方法。

在我的切入点"；索引tsx"；，有以下重要声明；然而，我找不到"；应用程序"；或"；主题提供者"；中/组件

import { App, ThemeProvider } from './components';

但与此相反，当我看到"；分量/索引.ts"；上面写着：

export * from './common';
export * from './pages';
export * from './layout';

这背后有什么逻辑吗？？如何/在哪里定义此导入路径？是否"；分量/索引.ts"；有什么特别的工作方式吗？

以下是我的目录结构：

├── components
│   ├── common
│   ├── index.ts
│   ├── layout
│   └── pages
├── constants
│   ├── external-links.ts
│   ├── faq-entries.ts
│   ├── index.ts
│   └── page-size.ts
├── index.css
├── index.tsx
├── logo.svg
├── react-app-env.d.ts
├── setupProxy.js
└── types
├── faq.ts
├── index.ts
└── page.ts

Answer 1

执行import { App, ThemeProvider } from './components'时，由于未指定文件，resolver会自动在文件夹中查找index.js或index.ts。然后这个代码

export * from './common';
export * from './pages';
export * from './layout';

正在从列出的文件中导出所有export。