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界面,往...
前端vue使用github action 自动部署 上次是部署后端,这次是部署前端,前面的步骤都一样,后面就直接贴部署的yml name: build and test on: push: branches: - master jobs: build: runs-on: ubuntu-latest
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...
npm run build 打包项目 deploy 将打包好的静态资源推送到服务端 在deploy这个步骤中,使用了一个别人写好的action,主要目的就是推送静态资源到服务端,几个重点字段解释: host:服务器ip user:服务器登录用户 pass:服务器登录密码 connect_timeout:登陆超时限制 local:本地的静态资源文件,Vue项目打包后会生成dist文件...
GitHub Action,官网地址 对于开源项目来讲由于代码无需闭源,完全可以使用第三方持续集成服务。 本章任务 创建工作流Workflow; 创建Job; 运行CI服务; Github Action是一个集成服务,你可以认为它是一台远程运行的服务器。为了让同一台服务器为不同用户提供独立的配置,互不干扰,需要通过容器化技术实现虚拟机。也就是说...
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 # 这里填打包...
简单来说就是可以在我们提交代码到远程仓库后,gitHub Actions可以自动触发,并执行我们事先设定的动作(action)。 这些动作指的是一系列的运行流程,而且gitHub Actions有一个actions的市场,github用户可以在那里发布自己写的action,也可以使用其他用户发布的action。
build - name: Update dist folder to repository env: # 仓库用户名 REPO_USERNAME: "" # GitHub Pages仓库名 DIST_REPO: "" # GitHub Token GITHUB_TOKEN: ${{ secrets.G_TOKEN }} run: | git config --global user.email "Action@GitHub.com" git config --global user.name "GitHub Action" cd...
第一步是获取源码,使用的 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单页面用于的项目, ...