把create-react-app部署到github pages

作者: 黄一倚 | 来源:发表于2018-12-16 22:35 被阅读104次

把create-react-app部署到github pages
create-react-app项目部署到Github Page
create-react-app项目部署到GitHub Page
部署angular应用到 Github
使用 github pages, 快速部署你的静态网页
网站托管于Coding
Hexo部署到Github Pages
用 Travis CI 自动部署 Github Pages
dumi站点部署到github pages
Coding备份Hexo博客源文件

添加github pages的部署工具到app上

npm install gh-pages --save-dev

配置app中的`package.json`文件

  "name": "todolist",
  "version": "0.1.0",
  "private": true,
  "homepage": "./",  //加上这一句

"scripts": {
+   "predeploy": "npm run build",    //加上这句
+   "deploy": "gh-pages -d build",    //加上这句
    "start": "react-scripts start",
    "build": "react-scripts build",

在命令行中运行以下指令

npm run deploy

剩下的就是在github上把分支设置成github pages就可以了。
我的小案例 todolist

把create-react-app部署到github pages
添加github pages的部署工具到app上 npm install gh-pages --save-dev ...
create-react-app项目部署到Github Page
描述本文讲解使用create-react-app创建的项目，如何部署GitHub Pages，以及这部署到过程中...
create-react-app项目部署到GitHub Page
本文讲解使用create-react-app创建的项目，如何部署GitHub Pages，以及这部署到过程中遇到到...
部署angular应用到 Github
Deploy to GitHub Pages 部署到 Github A simple way to deploy ...
使用 github pages, 快速部署你的静态网页
使用 github pages, 快速部署你的静态网页 Github Pages 官网 Github Pages:...
网站托管于Coding
最近把网站的部署从GitHub Pages转移到了Coding Pages。当然，linyuxuanlin.git...
Hexo部署到Github Pages
Hexo更换主题什么是Github Pages GitHub Pages 本用于介绍托管在GitHub的项目，不...
用 Travis CI 自动部署 Github Pages
原文链接：用 Travis CI 自动部署 Github Pages 前言 Github Pages 不能运行动态...
dumi站点部署到github pages
01.非根目录部署 github pages 开启后，默认的地址是 https:// .github.io/ 但是...
Coding备份Hexo博客源文件
Github Pages + Hexo搭建个人博客后，使用以下hexo指令可以将静态博客的内容部署到Github上...