npm 是 Node.js 的包管理器，通过 npm 我们可以轻松地下载安装各种 node 模块。reaver 是一个用于前端项目自动构建的 npm 包，通过它可以实现前端项目的自动打包和部署。本篇文章针对初学者介绍如何安装和使用 reaver。
安装 reaver
安装 reaver 前请确保已经安装了 Node.js、npm 和 Git。
在终端中输入下面的命令进行安装：
--- ------- -- ------
安装完成后，我们可以使用 reaver -v 命令来检查是否安装成功。如果出现版本号，则说明安装成功。
初始化项目
首先，我们需要创建一个新的项目。在终端中进入要创建项目的文件夹，执行以下命令：
------ ----
执行该命令后，reaver 会在当前目录创建一个新的项目。在项目中会自动生成一个 src 文件夹，我们在该文件夹中编写前端代码。
自动构建
使用 reaver 可以自动构建前端项目，是时候让 reaver 能够自动构建我们的项目了。
我们需要配置 reaver 如何构建前端代码，将构建设置写入文件 reaver.config.js。reaver.config.js 文件位于项目根目录下。
下面是一个简单的构建设置：
-------------- - -
------ -
---- ------
----- -------
----- -----
---- -----
--- -----
---- -----
--
--解释一下这个构建设置，src 表示项目源代码存储的目录，dist 表示构建之后的文件存储的目录，html、css、js、img 分别表示是否构建 html 文件、css 文件、js 文件和图片文件。
有了以上的构建设置，我们就可以执行以下命令来构建项目：
------ -----
执行完成后，我们就可以在 dist 文件夹中看到构建之后的静态资源。
自动部署
使用 reaver 可以将构建之后的静态资源自动部署到远程服务器中。
我们需要在 reaver.config.js 文件中进行配置，指定要部署到哪个服务器，以及需要将哪些静态资源部署至服务器中。
以下是一个简单的部署配置：
-------------- - -
------- -
-
----- ------------
----- -----
--------- --------
--------- -----------
----- ---------
----------- -----------------
--
--
--在该配置中，我们指定了要将构建后的 dist 文件夹中的所有文件部署到 /var/www/html 目录下，目标服务器的 IP 地址为 127.0.0.1，SSH 端口号为 22，SSH 用户名为 admin，SSH 密码为 password。
我们可以通过以下命令来执行部署操作：
------ ------
执行完成后，我们就可以在远程服务器的 /var/www/html 目录下看到构建后的静态资源。
总结
通过本文的介绍，我们可以看出 reaver 的使用非常简单，只需通过几个命令即可实现前端项目的自动化构建和部署。学习了 reaver，我们可以大大提高我们的开发效率。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64832