reactjs - react 主入口点

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

我不明白大多数样板的结构。我总是看到 2 个名为“index”的文件(一个 js 文件和另一个 html 文件)。我想了解主要入口点是如何工作的。我经常看到 web pack 来完成这项工作，但我主要关心的是，当我可以(我猜)在 js 文件中完成所有工作时，为什么我要使用 index.html 文件？

Answer 1

我的 React 应用程序结构如下:

index.js - 在 app.jsx 上调用 ReactDOM.render()，这是根 React 组件。

bundle.js - 此文件是 index.js 和所有 JSX 组件在使用 Webpack 编译为常规 JavaScript 后合并的位置(因此是 bundle )。

index.html - bundle.js 通过 script 标签导入到该 html 文件的正文中，这是入口点。