在沒有 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>

在此處輸入鏈接描述

Answer 2

您可以使用npm run build對其進行npm run build

然后從它你可以鏈接 index.html