npm 包 fis3-deploy-gfe-local-deliver 使用教程

阅读时长 4 分钟读完

什么是 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

纠错
反馈