前言
在前端开发中，我们需要将代码部署到服务器上，这时候我们可以使用 fis3-http-push 这个 npm 包进行文件上传。该模块基于 fis3 提供了自动压缩，打包和上传到服务器的功能。
在本文中，我们将介绍 fis3-http-push 的使用教程。
安装
使用 npm 安装 fis3-http-push：
$ npm install -g fis3-http-push
使用
配置文件
在项目根目录下，新建 fis-conf.js 文件。
在 fis-conf.js 中，我们需要先启用 fis3 的插件，然后配置 fis3-http-push 的上传功能：
-- -------------------- ---- -------
--------------------------- -
---------- -----------------------
---
------------------ -
---------- -----------------------
---
------------------ -
---------- ----------------------------
---
-------------- -
------- ----------------------- -
--------- -----------------------
--- ----------------
--
---配置项
在配置项中，我们需要填写接收上传文件的服务器地址和上传到服务器的对应路径。
receiver：接收上传文件的服务器地址，你需要在服务器上部署一个接口来接收上传文件。该接口应当返回上传成功的状态码。to：上传到服务器的对应路径。
在上传时，我们可以使用以下方式：
$ fis3 release -d ./output
如上所示，我们使用 fis3 release 命令将项目文件生成到 output 目录中，并且压缩和打包完成后，将代码上传到服务器。
示例代码
HTML
-- -------------------- ---- -------
--------- -----
------
------
--------------------- ------------
----- ---------------- --------------- ----------------
-------
------
-------- ---- ---- ---------
------- ---------------------- -----------------------
-------
-------CSS
-- -------------------- ---- -------
---- -
------------ ---------- ------ ---------- ------ -----------
---------- -----
------ -----
------------ ----
-
-- -
---------- -----
----------- -------
-JS
window.onload = function() {
console.log('Fis3 Http Push Demo');
};总结
以上就是 fis3-http-push 的使用教程，通过阅读本文，你可以了解到如何使用该 npm 包将代码部署到服务器上。同时，我们还提供了示例代码，你可以在本地跑一下来测试一下代码的部署效果。
希望本文对你的学习和工作有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc081e8991b448da5c7