git - VueJS 构建部署历史

Question

我在我的项目中使用 VueJS 2，我意识到我的构建部署很糟糕。

这是我在 github 上部署我的 VueJS 构建的脚本:

#!/usr/bin/env sh

# abort on errors
set -e

# build
cd ../..
VUE_APP_ENV=demo vue-cli-service build

# navigate into the build output directory
cd dist

git init
git add -A
git commit -m 'deploy'

git push -f git@github.com:MyRepo/my-project.git master:my-project-demo-deployment

cd -
rm -rf dist/

之后，我转到我的远程服务器并使用以下命令获取新版本:git pull origin --rebase我正在使用这个命令，因为我没有 git 历史，所以我不能 pull 。每次构建都被删除，因为我删除了 dist/ 文件夹。

但是这种在远程服务器上部署我的构建的方式不是很好，因为我不能轻易地返回到之前的提交，因为每次构建/推送时我只有一次提交。

我想知道是否有解决方案可以在 github 上部署我所有不同的构建，以便在远程服务器上正常执行 git pull 我的新构建。我必须编辑我的脚本，但我不知道什么是最好的解决方案。也许我必须创建另一个存储库来存储我所有的构建提交？我不知道。我希望你能帮助我。

Answer 1

这是我几周前开始的一个副项目，几乎还没有完成(只是配置)。但是你可以看到:

• 我确实可以直接访问域名:https://cyrielle-design.netlify.app
• 它已插入我的私有(private) Github 存储库:github.com/kissu/free-cyrielle-front
• 我有 3 个部署:初始一个 + add netlify gitignore + build: add new fancy package + config

如果我点击其中一个构建，我可以访问一些设置，其中之一是“部署站点”，也就是回滚到之前的构建。

是的，这不是对您问题的直接回答，但我觉得很高兴谈论一个将在很大程度上帮助您部署过程的平台。

---

我没有赞助或其他任何东西，但我可以就此发表一些意见。

有一些插件可以让您轻松使用一些后端功能(lambda 函数 + 表单)，您拥有真正的分析、拆分测试、身份验证，它为您管理整个缓存失效，以及许多很棒的东西。在您真正开始开展一些具有大量 IMO 流量的严肃公司业务之前，它可能会一直处于免费层级。

Vercel 是另一个不错的选择。我知道您现在也可以在 Firebase 甚至 Digitalocean 和 Cloudflare 上托管。但我确实使用 Netlify，它可能是目前前端应用程序最简单的解决方案(几乎相当于 Heroku)。