如何在C面板上構建React JS靜態

Question

我已經使用create-react-app配置構建了我的react js應用，並且在React的開發版本中運行良好。 我用npm build命令構建了它，現在有了build文件夾。 該網頁是靜態的（無服務器），現在我想知道如何使用它以及將文件放在Cpanel中的位置。

Answer 1

通過webpack實現捆綁包后，您可以檢查build文件夾中已翻譯和縮小的版本。 您應該將所有內容上載到public_html或另一個文件夾。

無服務器的含義與您所使用的完全不同。 查看本文以了解它是什么 ： 什么是無服務器 。

Answer 2

我不使用CRA樣板，因為我有自己的樣板，但是在您的情況下，您應該找到js包所在的位置。 您可以在webpack配置中找到包的位置。 然后像這樣將其附加到您的html中：

<div id="root"></div>
<script src='your-js-bundle'></script>

假設在代碼中的某處，您將js代碼附加到div中，如下所示：

const element = <h1>Hello, world</h1>; // assuming element is your entry point
ReactDOM.render(element, document.getElementById('root'));

如果它只是您的工作而已，那么它就很有效（沒有SSR等）