反应主要入口点

Question

我不了解大多数样板文件的结构。我总是看到 2 个名为 "index" 的文件（一个 js 文件和另一个 html 文件）。我想了解主要入口点的工作原理。我经常看到这项工作的 web pack 但我主要担心的是，为什么我可以（我猜）在 js 文件中完成我的所有工作时使用 index.html 文件？

Answer 1

好吧，我这样构建我的 React 应用程序：

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

bundle.js - 这个文件是 index.js 和所有 JSX 组件在使用 Webpack 编译成常规 JavaScript 后合并的地方（因此捆绑）。

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