javascript - 如何在 html 页面中加载生产 create-react-app 脚本？

Question

我创建了一个 create-react-app 简单应用程序(作为 lib)，并希望将其作为外部脚本加载到 HTML 页面中。

1. 我使用命令 npx create-react-app my-lib

创建了一个 create-react-app

2. 将 my-lib/src/index.js 更改为:

在 my-lib 目录中，我运行 yarn build。这生成了以下生产文件:

创建了一个外部 HTML 文件，加载 my-lib 的生产版本。

我收到以下错误:

Answer 1

生产版本创建 2 个 JS 文件，即 chunk.js 和 main.js，因此我们需要将这两个文件导入到 index.html 文件中

1. 在变量中加载 react 组件并分配给窗口

在index.html中调用相同的窗口变量

请尝试这个方法