如何在 cpanel 上构建 react js static答案

【问题标题】：How to build react js static on c panel如何在 cpanel 上构建 react js static
【发布时间】：2018-05-07 16:28:38
【问题描述】：

我已经使用 create-react-app 配置构建了我的 react js 应用程序，它在 React 的开发版本中运行良好。我用 npm build 命令构建了它，现在我有了构建文件夹。这个网页是静态的（无服务器），现在我想知道如何使用它以及将文件放在 Cpanel 中的位置。

【问题讨论】：

【解决方案1】：

webpack实现的bundle之后，可以查看build文件夹内的转译和缩小版本。您应该将所有内容上传到您的public_html 或其他文件夹。

无服务器的含义与您使用的完全不同。查看这篇文章以了解它是什么：What is serverless。

【讨论】：

【解决方案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 等），那么它就可以工作

【讨论】：