npm 包 fis3-deploy-sftp 是一个用于将前端项目部署到服务器的工具。它基于 fis3 构建工具，并使用 sftp 协议进行文件传输，可以方便地将前端项目部署到远程服务器上。在本文中，我们将介绍如何使用 fis3-deploy-sftp 进行前端项目部署。
1. 安装 fis3-deploy-sftp
安装 fis3-deploy-sftp 很简单，只需要在命令行中执行以下命令即可：
npm install fis3-deploy-sftp -g
2. 配置 sftp 服务器
在使用 fis3-deploy-sftp 之前，我们需要先配置 sftp 服务器信息。这里我们以 filezilla 为例，将演示如何使用 filezilla 配置 sftp 服务器。
2.1 打开 filezilla，进入 Site Manager 界面
2.2 添加新的 sftp 服务器信息
在 Site Manager 界面中，选择 New Site，输入服务器名称，选择协议为 SFTP(SSH File Transfer Protocol)，输入服务器地址、端口号、用户名和密码，点击 Connect。
2.3 密钥认证
如果使用密钥认证，可以在 filezilla 中的 SFTP 设置中添加密钥文件路径。如果没有启用密钥认证，则必须输入密码。
3. 配置 fis-conf.js 文件
在项目根目录下创建 fis-conf.js 文件，编写以下代码：
-- -------------------- ---- -------
-------------- -
------- ------------------ -
----- --------
----- ------
----- ------
--------- -------
---------- ------
--
--将上面的服务器地址、端口号、用户名、用户密码和远程目录信息替换为实际的信息，保存文件。
4. 执行 fis3 release 命令进行部署
在命令行中进入项目根目录，执行以下命令即可将项目部署到服务器上：
fis3 release -d 远程服务器名称
其中，远程服务器名称为在 fis-conf.js 中配置的 deploy 选项中的服务器名称。
5. 完整的 fis-conf.js 文件示例
-- -------------------- ---- -------
-------------- -
------- ------------------ -
----- --------------
----- -----
----- -----------
--------- -----------
---------- ---------------
--
--
---------------------------------- -
------- ------------------ -
----- --------------
----- -----
----- -----------
--------- -----------
---------- ---------------
--
--上面代码中定义了两个服务器，一个是开发服务器，一个是生产服务器。在生产环境下，可以通过 fis3 release production 命令将项目部署到生产服务器上。
结论
在本文中，我们不仅介绍了如何安装和配置 fis3-deploy-sftp，还演示了如何使用 filezilla 配置 sftp 服务器和修改 fis-conf.js 文件进行前端项目部署。通过学习和实践，你将掌握前端项目部署的常用技术，并能够在实际项目中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558f881e8991b448d6494