reactjs

react deploy 部署build到github.io

日期:2020-03-13 阅读:452

dmandwp系统 - wordpress系统和DM系统区块建站>>

https://create-react-app.dev/docs/deployment/

 

发布:  npm run build  ,然后会有一个build的目录,把它放到站点里即可,但最好是根目录,因为代码里的路由用的都是/

本地服务器测试:

npm install -g serve    -- 全局安装serve模块,安装完后,可以在c盘/user/administator/AppData\Roaming\npm\node_modules查看
  serve -s build   --需要时,启动

---------

下面主要讲怎么部署到github pages

-----------

在github上:

创建gh-pages分支后,绑定一个github pages到这个分支:

比如: http://myname.github.io/myapp

在github 点setting,找到github pages。设置下。  

参考: https://www.jianshu.com/p/496efc1b65e8

----------

在本地:

上传build到gh-pages分支。

安装模块: https://www.npmjs.com/package/gh-pages

With a local install of gh-pages, you can set up a package script with something like the following:

package.json里加上

 "homepage" : "http://myname.github.io/myapp",

和 "scripts": {
  "deploy": "gh-pages -d build"
}
And then to publish everything from your dist folder to your gh-pages branch( github上要有这个分支), you'd run this:

npm run deploy

-------

 

 

<<点击返回