在前端开发中，我们经常会使用 Git 作为代码版本控制系统，并将代码托管在 GitHub 上。当我们需要发布新版本时，我们需要手动打包、上传到 GitHub 等一系列繁琐的操作。而 gulp-github-release 是一个 npm 包，提供了一种简单、快捷的方式来自动化这个过程。
安装
首先确保已安装 Node.js 和 npm，然后在终端中输入以下命令来安装 gulp-github-release：
npm install --save-dev gulp-github-release
使用
1. 生成 GitHub Access Token
在使用 gulp-github-release 之前，我们需要从 GitHub 生成一个 Access Token，用于授权发布新版本。
- 登录 GitHub，进入个人配置页面；
- 点击左侧导航栏中的 Developer settings；
- 在页面右侧的菜单中选择 Personal access tokens；
- 点击 Generate new token 按钮；
- 在弹出的页面中，输入 Token 描述、勾选 repo 权限，然后点击 Generate token 按钮；
- 复制生成的 Access Token。
2. 配置 task
在项目的 gulpfile.js 文件中，在使用 gulp.task 定义发布 task 之前，需要先引入 gulp-github-release：
const gulp = require('gulp');
const githubRelease = require('gulp-github-release');然后，我们需要配置一个环境变量，用于存储 GitHub Access Token：
process.env.GITHUB_TOKEN = '在此处输入生成的 GitHub Access Token';
最后，我们可以定义发布新版本的 task，例如：
-- -------------------- ---- -------
-------------------- -- -- -
------ -------------------
---------------------
------ ------------------
----- -----------------
---- ---------
----- -------- --------
------ -------- ----- ------
------ ------
----------- ------
------------- ---------------------
------- -
------ ----------- ----- -----------
-
----
---其中，各个参数的含义如下：
owner：GitHub 仓库的 owner 名称；repo：GitHub 仓库的名称；tag：发布版本的 tag 名称；name：发布版本的名称；notes：发布版本的说明；draft：是否为草稿；prerelease：是否为预发布；manifestPath：打包后的文件列表；assets：需要上传到 GitHub 的文件列表。
3. 执行 task
在终端中输入以下命令来执行发布 task：
gulp release
这样，我们就成功自动化了发布新版本的流程。
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------------- - -------------------------------
------------------------ - --------- ------ ------ -------
-------------------- -- -- -
------ -------------------
---------------------
------ ------------------
----- -----------------
---- ---------
----- -------- --------
------ -------- ----- ------
------ ------
----------- ------
------------- ---------------------
------- -
------ ----------- ----- -----------
-
----
---总结
gulp-github-release 可以帮助我们快速自动化 GitHub 代码发布的流程，提高开发效率。在实际应用中，我们可以根据项目情况，调整配置参数来完成自动化发布。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/169986