文章目录
  1. 1. 获取 npm token
  2. 2. 配置 travis
  3. 3. 配置项目代码
  4. 4. 提交你的代码到 github
  5. 5. 去 travis 查看是否 开始构建, 并查看构建是否成功
  • 参考文档
  • 获取 npm token

    1. https://www.npmjs.com/ 注册/登录
    2. 右上角点击头像 => Tokens 进入 Tokens 编辑页
    3. 新增一个token, 记得保存这个token, 后面无法再次查看, 只能新增

    配置 travis

    1. 进入 https://travis-ci.org/, 注册 或者 使用 GitHub登录(右上角Sign in with GitHub)
    2. 进入 https://travis-ci.org/profile/ 页面, 选择 你要自动构建的项目, 左侧可以切换组织项目
    3. 如下图, 勾选开启构建
    4. 点击要构建的项目, 右上角点击 Settings
    5. Environment Variables 中 添加 NPM_EMAIL (你npm账户的邮箱) 和 NPM_TOKEN (上面获取的 token)

    配置项目代码

    在项目中添加 .travis.yml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    language: node_js                # 使用 nodejs
    node_js: # 版本为 8
    - "8"

    cache: yarn # 使用 yarn 而不是 npm (按照实际情况调整)
    install: yarn

    jobs: # 添加 job
    include:
    - stage: npm release
    if: tag IS present # 如果 push的代码 存在 tag
    node_js: "8" # 使用 8.x 的 node
    script: yarn compile # 执行 yarn compile 命令(按照实际情况调整)
    before_deploy: # 在 发布之前, 执行命令(按照实际情况调整)
    - cd dist
    deploy:
    provider: npm
    email: "$NPM_EMAIL"
    api_key: "$NPM_TOKEN"
    skip_cleanup: true # 为了防止 Travis CI 清理额外的文件夹并删除你做的改变
    on:
    tags: true

    提交你的代码到 github

    1. 先commit 你的正常修改
    2. npm version patch/minor/major 更新你的版本
      比如 使用 npm version patch, 会执行
      a) package.json 中插入(更新)的版本号
      b) 创建一个新的提交
      c) 创建一个 git 标签
    3. git push origin master --tag, push你的代码到github上, 同时把tag也

    travis 查看是否 开始构建, 并查看构建是否成功

    参考文档

    使用 Travis CI 自动发布 npm


    文章若有纰漏请大家补充指正,谢谢~~

    http://blog.xinshangshangxin.com SHANG殇

    文章目录
    1. 1. 获取 npm token
    2. 2. 配置 travis
    3. 3. 配置项目代码
    4. 4. 提交你的代码到 github
    5. 5. 去 travis 查看是否 开始构建, 并查看构建是否成功
  • 参考文档