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 历史，所以我不能拉。每次删除build都是因为我删除了dist/文件夹。

但是这种在远程服务器上部署我的构建的方法不是很好，因为我不能轻易地返回到之前的提交，因为我每次 build/push.

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

Answer 1

这是我几周前开始的一个副项目，几乎什么都没做（只是配置）。但是你可以看到：

我确实可以直接访问域名：https://cyrielle-design.netlify.app
它已插入我的私人 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）。

VueJS 构建部署历史

VueJS build deployment history

git

deployment

vue.js