介绍
在前端项目开发中，部署流程占据着非常重要的地位。而 shipit-better-deploy 就是一个能够使项目部署变得更加高效简单的 npm 包。该 npm 包能够自动化处理许多在部署过程中需要手动完成的任务。
本文将详细介绍 shipit-better-deploy 的使用教程，并给出实例代码，帮助读者更好地理解和掌握这个工具。
安装
使用 npm 安装 shipit-better-deploy
npm install shipit-better-deploy --save-dev
使用
初始化
生成默认配置文件：
npx shipit init
然后，你的项目根目录会新增一个文件夹 shipit，里面包含了配置文件 deploy.json 和任务脚本 deploy.js。
修改 deploy.json 文件的配置项，填写自己项目相关的信息。
配置
shipit-better-deploy 的配置文件 deploy.json 比较复杂，主要分为以下几个部分：
- default 配置
- environments 配置
- tasks 配置
default 配置用于设置 shipit 部署的默认配置信息。例如：
-- -------------------- ---- -------
---------- -
----------- --------------------------
---------------- -------------------------------
---------- -
-------
-------------
---------------
-----------
--
--------- -
-------------- ---
-------- -
-------------
-
--
--------------- --
--------------- -----
-environments 配置用于定义不同环境下的不同配置信息，在进行部署时选择不同的环境会自动读取该环境的配置信息。例如：
-- -------------------- ---- -------
------- -
---------- -
-
------- ------------------
----------- -----------
----------- -----------
------------- ------------------------------
-------- ----
-
--
--------- ---------
----------- -------------------
--------------- ----------------------------
-------------- --------------------------
-其中，servers 配置项用于设置服务器的信息。支持的认证方式包括密码和私钥两种方式。
tasks 配置用于指定与任务相关的配置信息，例如设置部署的前置任务、后置任务等。
编写任务
shipit 的任务脚本 deploy.js 是一个 Node.js 模块文件，定义 deploy、rollback 等常常性任务。我们可以在该文件里添加自己的任务。
shipit.task('build', function () {
return shipit.local(`npm run build`)
})部署
shipit-better-deploy 常用的部署命令如下：
# 部署到 prod 环境 npx shipit prod deploy # 回滚到上一次版本 npx shipit prod rollback # 查看历史版本 npx shipit prod releases
以上所述的命令都是以 prod 为环境变量的示例。
示例代码
以下是一个完整的 deploy.js 的实例代码：
-- -------------------- ---- -------
----- --- - --------------------------
----- - ---- - - ----------------
-------------- - ------ -- -
---------------------------------
------------------------------
---------------------------------
-------------------
-------- -
--------- ---------------------------
-------------- -------------------
------- ---------
------- -
----- ---
------ -
-
----- --------------------
---------- -----
--
------------------
--
--
------------- --
--
----- -
-------- ----------------------------
--
---
--------------------- -- -- -
--------------------- - ---- ------------------ ---
----------------------------
---
---------------------- -- -- -
--------------- ------- - ---- ------------------ ---
---
---------------------------- ----- -- -- -
----- ----------------- --------------------- -- --- ----------
---
-------------------------- ----- -- -- -
----- ------------------ ------- --------------
---
-------------------- ----- -- -- -
----- ----------------- --- --------
---
-------------------------- ----- -- -- -
----- ------------------ ----- ------------------------------ ------ --------------
---
------------------------- ----- -- -- -
----- ------------------ ---- --------------
---
--------------------- -- -- -
----------------------------
---
--总结
shipit-better-deploy 是一个非常优秀的项目部署工具，它能够在不需要人工介入的情况下自动化地处理项目部署中的许多繁琐任务。使用本文所述的方式进行配置和任务编写，可以极大地提高部署效率，减少出错的几率，帮助前端开发者更加专注于项目本身的开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f93238a385564ab7062