github pages 部署react静态页面

2018-12-21  本文已影响0人  _秦宗行

一 : create-react-app 创建项目

二 :github新建仓库后,把自己的项目推送到仓库

三 :安装 gh-pages 依赖

       在本地代码 package.json文件中配置

       "name": "my-app",

       "version": "0.1.0",

      "homepage": "http://###.github.io/react-app",

       ### 为github账户名称  react-app 为 仓库名

      并在 scripts 中配置

      "predeploy": "yarn run build", 

      "deploy": "gh-pages -d build",

四 :在终端master分支 执行 yarn run build 进行 编译

      然后  yarn run deploy 进行推送 

 随即访问http://###.github.io/react-app 大功告成

上一篇下一篇

猜你喜欢

热点阅读