前端vue使用github action 自动部署 上次是部署后端,这次是部署前端,前面的步骤都一样,后面就直接贴部署的yml name:buildandtest on: push: branches: -master jobs: build: runs-on:ubuntu-latest steps: -name:checkoutrespository uses:actions/check
BRANCH: gh-pages # 存放产物的分支名称 FOLDER: dist # 存放build后产物的目录 BUILD_SCRIPT: npm install && npm run build # 执行的命令 (4)点击 Start commit按钮,接着点击 Commit new file按钮,回到主页面后,点击Actions按钮,我们可以看到action已经跑起来啦 7. 开启github pages 进入项目的Settings界面,往...
run: yarn install --frozen-lockfile - name: 构建 run: yarn build - name: 发布到Github Pages uses: crazy-max/ghaction-github-pages@v2.1.3 with: target_branch: gh-pages build_dir: ./dist env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 评论 赞与转发 0 0 0...
https://github.com/cunyu1943/cunyu1943.github.io/ # name 可以自定义 name: Deploy GitHub Pages # 触发条件:在 push 到 main/master 分支后,新的 Github 项目 应该都是 main,而之前的项目一般都是 master on: push: branches: - main # 任务 jobs: build-and-deploy: # 服务器环境:最新版 Ubuntu ...
GitHub Action 自动编译Vue项目并发布 脚本内容 name:buildAndDeployenv:TZ:Asia/Shanghaion:#当master分支提交时push:branches: -master#开始任务jobs:main:runs-on:ubuntu-lateststeps: -uses:actions/checkout@v2-uses:actions/setup-node@v1with:node-version:'12'#安装和构建-name:Install and Buildrun:|yarn...
jobs.<job_id>.steps.run:该步骤运行的命令或者 action。 jobs.<job_id>.steps.env:该步骤所需的环境变量。 上面代码中run就是我们该步骤需要执行的命令,比如打包命令:npm run build。当然也可以使用人家造好的轮子,直接使用人家的action。 以上只是简单介绍了GitHub Actions中重要的一些概念和语法,以满足我们基本...
简单来说就是可以在我们提交代码到远程仓库后,gitHub Actions可以自动触发,并执行我们事先设定的动作(action)。 这些动作指的是一系列的运行流程,而且gitHub Actions有一个actions的市场,github用户可以在那里发布自己写的action,也可以使用其他用户发布的action。
第一步是获取源码,使用的 action 是actions/checkout。 第二步是安装依赖与构建,yarn install和yarn run build 第三步是部署到 Github Page 上,使用的 action 是peaceiris/actions-gh-pages@v3。其中需要设置 secrets.ACCESS_TOKEN 第四步:将项目上传置 Github 仓库中, ...
# 上传dist目录作为制品-name:Upload a Build Artifactuses:actions/upload-artifact@v2.1.3with:# 制品名称name:artifact # optional,defaultis artifact # 一个文件,一个目录 或者 通配符模式 上传path:dist 上面的工作流是一个应用于简单的vue单页面用于的项目, ...
actions/checkout@v2.3.1 with: persist-credentials: false - name: Install and Build # 下载依赖 打包项目 run: | npm install npm run build - name: Deploy # 部署 uses: JamesIves/github-pages-deploy-action@v4.3.3 with: branch: static-pages # 部署后提交到的分支 folder: dist # 这里填打包...