如何在 cPanel 上部署 React 应用程序？

Question

我创建了一个具有以下文件夹结构的反应应用程序

-上市

–dist

—bundle.js

—styles.css

–index.html

- 图片

-服务器

–server.js

-src

- 成分

–app.js

-.babelrc

-package.json

-webpack.config.js

我想把它上传到cPanel。那可能吗？我还需要上传 node_modules/ 文件夹吗？

这是我的仓库的链接： https ://github.com/theoiorga/react-expensify-app

原文由 Theo I. 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

第 1 步： "homepage": ".", >在 package.json 文件中添加

第 2 步： npm run build –> 这将创建一个构建文件夹。

第 3 步：制作一个 .htaccess 它看起来像这样

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>

第 4 步：现在将构建文件夹中的所有文件加上您的 htaccess 并将它们放入所需的域或子域中

原文由 Sumit Saha 发布，翻译遵循 CC BY-SA 4.0 许可协议