什么是 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:
npm install fis3 fis3-deploy-gfe-local-deliver --save-dev
配置
然后,需要在 fis-conf.js 中进行插件配置:
fis.media('dev').match('*', { deploy: fis.plugin('gfe-local-deliver', { to: '/Users/mac/Desktop/project' }) })
以上配置将会将构建后的所有资源推送到 /Users/mac/Desktop/project
目录下。
如果需要将构建后的指定资源推送到不同目录下,可以通过配置文件传输规则来实现:
-- -------------------- ---- ------- ------------------------------- - ------- ------------------------------- - ------ -- ----- ------- --- ------------------------------- -- -- -- -------------------------------- - ------- ------------------------------- - ------ -- ----- ------- --- -------------------------------- -- -- --
以上配置将会将构建后的 js 资源推送到 /Users/mac/Desktop/project/js
目录下,css 资源推送到 /Users/mac/Desktop/project/css
目录下。
命令行使用
除了在 fis-conf.js 中进行配置,fis3-deploy-gfe-local-deliver 还可以通过命令行使用,例如:
fis3 release dev -d /Users/mac/Desktop/project --domains
以上命令将会将构建后的资源推送到 /Users/mac/Desktop/project
目录下,并在 HTML 文件中替换资源路径为本地域名。
总结
通过 fis3-deploy-gfe-local-deliver 插件的使用,前端开发者可以将构建后的资源直接推送到本地服务器上,大大提高了开发效率并减少了手动拷贝的时间。同时,该插件支持传输规则配置,让开发者更加灵活地控制文件传输路径,使得前端开发变得更加便捷和高效。
如果你也是一个前端开发者,不妨试着使用 fis3-deploy-gfe-local-deliver,相信它会为你带来更高效的开发体验。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055feb81e8991b448dd9df