美文网首页
github pages 部署react静态页面

github pages 部署react静态页面

作者: _秦宗行 | 来源:发表于2018-12-21 16:27 被阅读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 大功告成

    相关文章

      网友评论

          本文标题:github pages 部署react静态页面

          本文链接:https://www.haomeiwen.com/subject/fofvkqtx.html