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

Question

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

看了grunt之类的task runners（好像有点outdated and the docs didn't help me much) and gulp (see also ），也想到了定义一个npm脚本。 CI Jenkins 等工具似乎有点过大，需要进行一些设置工作。

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-rsync, grunt-sftp-deploy)。但是现在似乎grunt并不是首选。

大家有什么推荐或建议吗？

其他信息：我正在使用 Windows，我不想在 github 上发布我的源代码（在本例中）。

Answer 1

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

另一个简单（超级简单）服务是netlify - just install it with 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 替代方案，例如来自

的代码片段

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

How to automate deploy of simple Vue WebApp (no server required)? (i.e. simple build chain with vue)

javascript

vue.js

npm

continuous-integration

npm-scripts

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

How to automate deploy of simple Vue WebApp (no server required)? (i.e. simple build chain with vue)

javascript

vue.js

npm

continuous-integration

npm-scripts

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