反应主要入口点[关闭]

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 文件的主体中，这是入口点。