在没有 npm start 的情况下将 ReactJS 添加到项目中

Question

有一个现成的项目。 Yii2上的后端，前端写在里面。请告诉我如何将 ReactJS 的前端添加到完成的页面，这样，例如，在 OpenServer 中，当您启动站点（我的项目）时，ReactJS 会正确显示（无需在控制台中使用 npm）。换句话说，如何将 ReactJS 连接到项目？

Answer 1

一分钟添加 React 在本节中，我们将展示如何将 React 组件添加到现有 HTML 页面。您可以跟随您自己的网站，或创建一个空的 HTML 文件来练习。

不会有复杂的工具或安装要求 — 要完成此部分，您只需要互联网连接和一分钟的时间。

第 1 步：将 DOM 容器添加到 HTML 首先，打开您要编辑的 HTML 页面。添加一个空标签以标记您要使用 React 显示内容的位置。例如：

<!-- ... existing HTML ... -->

<div id="like_button_container"></div>

<!-- ... existing HTML ... -->

第 2 步：添加脚本标签 接下来，在 HTML 页面的结束标记之前添加三个标记：

 <!-- ... other HTML ... -->

  <!-- Load React. -->
  <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
  <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

  <!-- Load our React component. -->
  <script src="like_button.js"></script>

</body>

enter link description here

Answer 2

您可以使用 npm run build

构建它

然后你可以 link index.html

在没有 npm start 的情况下将 ReactJS 添加到项目中

Adding ReactJS to a project without npm start

node.js

yii2

reactjs