根据文章, 使用 github action 来实现自动构建前端项目,
实现的功能是, 项目 githubAction ,是用 react 构建的. 每次 推送 master 分支到远程库的时候, 会自动执行 workflow , 等workflow 执行 完毕, 就会将项目发布到 github pages 上面了.
大概步骤如下：
- 创建个人令牌
- 目的是为了下面 添加github项目的 secrets
- 注意保存好这个个人令牌， 之后找不到了
- 添加刚刚创建的 个人令牌 到 github的 secrets
- 本地创建 react项目， 打开 package.json 增加homepage字段，表示该应用发布后的跟目录。
- 注意，配置了这个之后， 项目打包后， 使用的静态资源路径就会相应的改变 （和不配置的时候有区别）
- 在项目中添加 ./github/workflows 文件夹， 在文件夹里增加workflow文件， 如 ci.yml
- 文件里写上 workflow 的action
- 保存后， 将整个项目仓库推送到 github ， 就能在actions 选项中 看到对应的运行日志了。
- 因为项目是发布在 githubpages 上面的， 所有需要弄一个githubpages 。
- 以后， 只要在该项目上， 向配置的远程分支推送代码， 就会触发自动构建。 githubpage 就能更新了。
