javascript - 如何自动部署简单的 Vue WebApp(不需要服务器)？ (即使用 vue 的简单构建链)

Question

我已经编写了一个小型 Vue 应用程序，并且一直在寻找一种很好的方法来自动部署它，即调用 lint -> 测试 -> 构建 -> 上传到某个网络空间(阶段和/或生产)(sftp)。基本上是一个简单的 CI/CD 管道。

我查看了诸如 grunt(似乎有点 outdated 并且文档对我帮助不大)和 gulp(另请参见 this answer)之类的任务运行程序，并且还考虑定义一个 npm 脚本。 Jenkins 等 CI 工具似乎有点过大，需要进行一些设置工作。

npm 脚本可能是最简单的解决方案，特别是因为我可以简单地链接 lint/test/build:

{
  "scripts": {
    "build": "vue-cli-service build --modern",
    "lint": "vue-cli-service lint",
    "prettier": "prettier --write src/**/*.{ts,js,vue,css,less,scss,html,json,md} public/**/*.{ts,js,vue,css,less,scss,html,json,md} test/**/*.{js,vue,css,less,scss,html,json,md} build/*.js",
    "deploy": "# ...?",
    "pipeline": "yarn lint && yarn prettier && yarn test && yarn build && yarn deploy"
  },

但是，我还没有找到一种将构建部署到我的 Web 服务器的简单方法。对于 grunt，我发现了一些可能适合的任务(grunt-rsync，grunt-sftp-deploy)。但如今 grunt 似乎并不是首选。

有没有人有什么推荐或建议？

附加信息:我使用的是 Windows，我不想在 github 上发布我的源代码(在本例中)。

Answer 1

部署静态站点的最简单方法是使用 pages.github.com - 只需将您的构建推送到 github 存储库即可。

另一个简单(超简单)服务是 netlify - 只需使用 npm install netlify-cli -g 安装它。 Details in docs

但是如果您需要更好的 CI，则无需搜索“vue deploy”，您需要来自 github、bitbucket、gitlab 等的任何 CI 服务。例如 - easy introduction by circleci

---

回到您的问题 - 您使用的是 linux/mac 还是 windows？在 linux 上很简单，只需要使用 scp from/local/dir to@remote/dir 这样的命令。在 Windows 上，您也许应该尝试一些 nodejs 替代方案，例如 this answer 中的代码片段