如何快速部署React / Redux应用程序作为示例?

时间:2017-03-30 09:49:46

标签: reactjs redux

似乎有一种方法是将React应用程序部署到Heroku,但是有一种简单的方法可以部署到我们自己的网站或GitHub页面功能,以便您可以从GitHub看到该页面吗? (仅作为样本,不用于生产)

详细说明:

似乎可能的一种方法是使用

wget -r --no-parent http://localhost:8080 -P sample -nH
cp -rf images any_needed_folder sample

现在您可以git add samplegit commit并推送到github并打开您的repo的GitHub页面,并能够在sample内看到您的React应用。

您还需要更改index.html中的路径,从/bundle.jsbundle.js等,因为您需要相对路径而不是访问网站的根目录。

(我使用wget递归下载index.htmlbundle.jsstyle/(CSS文件),因为在整个目录中找不到bundle.js在本地硬盘上。我使用wget,因为curl似乎无法递归下载)

2 个答案:

答案 0 :(得分:1)

好的,我发现最新的React,它会告诉你使用

create-react-app hello-world

创建应用程序,然后有一个官方

npm run build

构建它以将其作为Gthub页面托管,或者在您自己的网站上托管。

答案 1 :(得分:0)

如果wget正在做你想做的事,那就冷静吧。

对于实际部署,我建议使用gh-pages on npm。它处理创建孤立分支并将输出文件复制到其中,然后按下一个命令。

安装它:

npm install --save-dev

在npm脚本中:

gh-pages -d sample