什么是 fis3？
Fis3 是一个前端构建工具，用于管理项目中的静态资源，包括 CSS、JS、图片等。它可以帮助前端工程师优化项目代码，提高开发效率，并能够充分利用缓存，从而提升页面加载速度。
Fis3 是大型网站前端开发中广泛使用的构建工具，具有可配置性、可扩展性强等特点。它支持常见的模块化开发方案，如 CommonJS、AMD 等，也支持预处理器 Sass、Less 等。而且，它还有很好的 CLI 交互体验，在使用上非常方便。
什么是 fis3-deploy-gfe-local-deliver？
fis3-deploy-gfe-local-deliver 是 fis3 的一个插件，主要用于将资源推送到本地服务器上。它可以将构建后的资源推送到指定的本地目录中，并且支持配置多个文件传输规则，让前端开发变得更加便捷。
相较于 Fis3 自带的 fis3 server，fis3-deploy-gfe-local-deliver 可以将构建后的资源直接推送到本地服务器上，不再需要手动拷贝，大大提高了开发效率。
如何使用 fis3-deploy-gfe-local-deliver？
安装
首先，需要在项目根目录下安装 fis3 和 fis3-deploy-gfe-local-deliver：
--- ------- ---- ----------------------------- ----------
配置
然后，需要在 fis-conf.js 中进行插件配置：
--------------------------- -
------- ------------------------------- -
--- ----------------------------
--
--以上配置将会将构建后的所有资源推送到 /Users/mac/Desktop/project 目录下。
如果需要将构建后的指定资源推送到不同目录下，可以通过配置文件传输规则来实现：
------------------------------- -
------- ------------------------------- -
------ --
----- -------
--- -------------------------------
--
--
--
-------------------------------- -
------- ------------------------------- -
------ --
----- -------
--- --------------------------------
--
--
--以上配置将会将构建后的 js 资源推送到 /Users/mac/Desktop/project/js 目录下，css 资源推送到 /Users/mac/Desktop/project/css 目录下。
命令行使用
除了在 fis-conf.js 中进行配置，fis3-deploy-gfe-local-deliver 还可以通过命令行使用，例如：
---- ------- --- -- -------------------------- ---------
以上命令将会将构建后的资源推送到 /Users/mac/Desktop/project 目录下，并在 HTML 文件中替换资源路径为本地域名。
总结
通过 fis3-deploy-gfe-local-deliver 插件的使用，前端开发者可以将构建后的资源直接推送到本地服务器上，大大提高了开发效率并减少了手动拷贝的时间。同时，该插件支持传输规则配置，让开发者更加灵活地控制文件传输路径，使得前端开发变得更加便捷和高效。
如果你也是一个前端开发者，不妨试着使用 fis3-deploy-gfe-local-deliver，相信它会为你带来更高效的开发体验。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055feb81e8991b448dd9df