文章预览
经过多番交流才知道,没搞过项目部署的前端这么多,实在是有点超出预期。就借助这个案例,先简单初步尝试一下如何部署项目到 github pages 上吧。其中有一些概念可以扩展开来自行理解和消化。有需要的就收藏起来,读不读就无所谓了。 本文主要分享基于 vite 创建的前端项目如何部署到 github pages 上。你也可以参考其中的内容部署别的前端静态项目。 ✓ 注意: 本文介绍的是如何通过非 github actions 的方式部署代码 方式一:简单部署 1、 先使用 vite 创建一个项目,并编写好自己的逻辑。我这里准备的项目是使用 vue-vine 创建的项目。 2、打包 npm run build 在 github 的仓库中,找到如下页面。 ✓ github repo -> Settings -> Pages 3、Deoply from a branch 这里的 Source 面板提供了两种部署方式,一种是通过 github actions 来部署,另外一种是通过分支代码来部署,我们
………………………………