想确认对使用 create-react-app 导入 index.js 的默认行为的理解

Question

在使用 create react app 时尝试了解为什么如果文件夹包含 index.js 并且您想要导入它，那么您只需指定文件夹名称。

我很想知道这是在哪里配置为默认自动知道查找 index.js 的？

此问题之前已链接到另一篇帖子，但该帖子不够清晰，我无法理解。据我所知，这是我的理解，我想确认它是否正确。

我的理解是，我知道在 create-react-app 底层运行的 webpack 默认配置为 import index.js - 这是正确的吗？我猜这个配置在使用 create-react-app 时被隐藏了。

这仅适用于使用 webpack 构建的项目吗？

Answer 1

配置工作如下： 在create-react-app 构建中，所有代码文件都应该在/source 目录下。所有静态文件都应该在/public目录下，并且可以从基本url引用（例如：如果我有一个文件/public/my-image.png，我可以在我的JSX中使用它<img src = '/my-image.png。

要回答您的问题，这不仅适用于 create-react-app，还适用于任何 JavaScript 项目。如果文件夹有index.js 文件，则不必指定./dir/index.js，而是可以使用./dir，它会查找名为index.js 的文件。