关于在travis-ci以及appveyor条件构建遇到的坑

前言

在上篇《基于Electron-Vue开发了一款美图搜罗器》文章中有提到过关于在自动化构建的方面花费了很长的时间，实际上这是一个相对比较头痛的问题，之前每次commit到github之后，travis-ci以及appveyor都会进行build，不过有时候我们就是修改了与业务无关的东西，比如readme之类的，不需要重新build，这个时候我们就需要使用条件构建，这里最好的办法就是通过推送tag来进行触发构建。

travis-ci

关于在travis-ci中，我在官方的文档中并没有找到关于通过tag来进行触发构建的说明，可以或许会有遗漏，后面在官方github仓库的issue中发现了有人曾经提出来过，具体可以参考：https://github.com/travis-ci/travis-ci/issues/6893，于是参考着改了之后我的.travis.yml就是如下所示：

osx_image: xcode8.3sudo: requireddist: trustylanguage: cmatrix: include: - os: osxif: tag IS present # 这里是添加的之后的部分cache: directories: - node_modules - "$HOME/.electron" - "$HOME/.cache"addons: apt: packages: - libgnome-keyring-dev - icnsutils #- xvfbbefore_install:- mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([ "$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz | tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull- if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fiinstall:#- export DISPLAY=':99.0'#- Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &- nvm install 10- curl -o- -L https://yarnpkg.com/install.sh | bash- source ~/.bashrc- npm install -g xvfb-maybe- yarnscript:#- xvfb-maybe node_modules/.bin/karma start test/unit/karma.conf.js#- yarn run pack && xvfb-maybe node_modules/.bin/mocha test/e2e- npm run releasebranches: only: - master

osx_image: xcode8.3

sudo: required

dist: trusty

language: c

matrix:

include:

- os: osx

if: tag IS present # 这里是添加的之后的部分

cache:

directories:

- node_modules

- "$HOME/.electron"

- "$HOME/.cache"

addons:

apt:

packages:

- libgnome-keyring-dev

- icnsutils

#- xvfb

before_install:

- mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([

"$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz

| tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull

- if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fi

install:

#- export DISPLAY=':99.0'

#- Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &

- nvm install 10

- curl -o- -L https://yarnpkg.com/install.sh | bash

- source ~/.bashrc

- npm install -g xvfb-maybe

- yarn

script:

#- xvfb-maybe node_modules/.bin/karma start test/unit/karma.conf.js

#- yarn run pack && xvfb-maybe node_modules/.bin/mocha test/e2e

- npm run release

branches:

only:

- master

appveyor

appveyor的可以参考官方的https://www.appveyor.com/docs/appveyor-yml/中可以看出，在appveyor.yml中添加skip_non_tags: true即可使用tag来触发构建，于是改了之后我的appveyor.yml为：

# Commented sections below can be used to run tests on the CI server# https://simulatedgreg.gitbooks.io/electron-vue/content/en/testing.html#on-the-subject-of-ci-testingversion: 0.1.{build}branches: only: - masterskip_non_tags: trueimage: Visual Studio 2017platform: - x64cache: - node_modules - '%APPDATA%\npm-cache' - '%USERPROFILE%\.electron' - '%USERPROFILE%\AppData\Local\Yarn\cache'init: - git config --global core.autocrlf inputinstall: - ps: Install-Product node 8 x64 - git reset --hard HEAD - npm install - node --versionbuild_script: - npm run releasetest: off