在Gitee Pages上部署Noize

Noize是一个使用React构建的简单Web应用程序（ 使用 create-react-app ），可帮助人们使用白噪声或背景噪声放松或集中注意力

部署流程记录

安装create-react-app

npm isntall -g create-react-app
create-react-app --version

# npm修改源，否则create-react-app下载很慢
npm get registry
npm config set registry http://registry.npm.taobao.org/
npm get registry

# create-react-app测试，可省略
create-react-app my-app
cd my-app
npm start
# http://localhost:3000/

构建Noize应用

为了部署到Gitee Pages上，需要修改package.json文件：删除devDependencies，添加 "homepage": "https://xxx.gitee.io/noize/"

# 先安装必要的插件
npm install
# 生成pages内容，位于build目录下
npm run build
# http://localhost:5000
serve -s build

推送并部署

  1. 创建pages分支
  2. 删除pages分支下所有之前提交的版本（可省略）
  3. 用build目录下的所有内容替换pages分支下原来的所有内容
  4. 在pages分支下提交版本，并推送到远程仓库
  5. 重新切回master分支
  6. 登录到Gitee仓库，点击服务，对Pages进行更新
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容