如何在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等）