gitlab ci/cd 前端自动化部署

解释与安装

https://juejin.im/post/5b03963a51882542821ca56a

注意事项

https://www.jianshu.com/p/4bbef46a2aaa

需要的url和token可以从git仓库的 Settings - CI/DI 中的runners找到，描述可以不用写，tags先写“vue-dev-pub”，executor选择shell，注册生成后刷新git仓库的Settings页面，可以在Runners下面看到已经注册的runner

操作

• 新建 /web/publish文件夹
• 重启nginx
• chmod -R 777 /web（更改权限）

.gitlab-ci.yml

stages:
  - build

cache:
  paths:
    - node_modules/

build:
  stage: build
  image: node:9.4.0
  cache:
    paths:
      - node_modules/
  only:
    - master
  script:
    - npm config set registry https://registry.npm.taobao.org
    - npm install
    - npm run build
    - cp -r dist/* /web/publish/
  tags:
    - vue-dev-pub

git上传