前端工程化——travis-ci

       针对前端项目的eslint、test、codecc、coverage、build、自动部署等一系列的操做，所有git push操做时一键搞定，想一想都是美滋滋吧。

       下面就是介绍github仓库+travis-ci完成整个操做。

1. 提供在github提供git仓库
2. github登陆 travis-ci的官网：https://travis-ci.org/，关联git项目

3. 设置环境变量

    

4. 仓库根目录新建.travis.yml文件，内容以下：

language: node_js
node_js:
    - '12'
branches:
  only:
    - master --仅master分支push后才会构建
install:
    - npm install
script:
    - npm run build
after_script:
  - ls -a
  - rm -rf .git --若是推送整个目录则须要删除.git文件，若是只推送构建后的文件目录dist则cd ./dist就行，不须要删除.git文件，不然最后一句git push会推送不上
  - ls -a
  - git init
  - git config user.name "${GH_USER}"
  - git config user.email "${GH_EMAIL}"
  - git add .
  - git commit -m "commit 111"
  - git status
  - git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:dev

 

 五、最终构建结果就推送到了当前git仓库的dev分支。

构建阶段：

before_install：install 阶段以前执行
before_script：script 阶段以前执行
after_failure：script 阶段失败时执行
after_success：script 阶段成功时执行
before_deploy：deploy 步骤以前执行
after_deploy：deploy 步骤以后执行
after_script：script 阶段以后执行

 

扩展：

文档仅仅展现了build后，将构建产物推送到dev分支的例子，若是须要增长test、lint等操做，

直接在npm run build以前增长npm run test;npm run lint;脚本