FIS深入浅出

FIS简介

FIS 是面向前端的工程构建工具,解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题

FIS是基于NodeJS技术的基础上提供的前端工程构建工具,FIS是基于文件对象进行构建的,每个进入FIS的文件都会实例化一个File对象,整个构建过都对这个对象进行操作完成构建任务。

FIS 与 FIS-PLUS的渊源

FIS vs FIS+

FIS和FIS+的概念混淆在产生之初就产生了,刚来的新同学在第一次使用FIS机会问“FIS和FIS+”有什么区别,鉴于此,我查了些资料,简单描述下历史和区别。

  • FIS产生之初定位就是做一个内核,提供一套编译体系、静态资源管理和本地模拟调试,其编译体系可以通过配置文件和插件的方式任意扩展
  • FIS+通过扩展实现了一套适合于后端的PHP+Smarty3的编译体系,在后端实现了静态资源管理,提出了诸如quickling、i18n、fis-plus之类的解决方案。

目录规范
整个编译体系分为目录规范以文件类型为基础的插件体系

  • FIS是没有目录规范的,源码随便放
  • FIS+有一套成型的目录规范,规定了js如何放、css如何放、模块如何划分,如何引入js等等。

插件
为了满足后端php+smarty3以及静态资源管理,FIS提供了一些插件,比如extlang、require-async用来分析script标签包裹的js,smarty-xss用来自动XSS转义等等。
FIS+脱胎FIS。

框架

  • 静态资源映射表:记录文件依赖、打包、URL等信息的表结构,在FIS2中统称map.json。在FIS3中默认不产出map.json,FIS3中为了方便各种语言读取map.json,对产出的map.json做了优化

本地调试

  • FIS提供了一套本地调试服务器
  • FIS+ 额外提供了本地数据模拟、路由转发。

综述
FIS+ 之于FIS,是一个针对业务场景在编译工具、架构层面进行扩建,适用于后端php/smarty的架构体系。

Smarty模板

Smarty模板也是php写的,优点是插件较多,但是真正和后端分离是不需要有后端支持就能用插件的方式解决静态资源管理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前端集成解决方案要求: 模块化开发。最好能像写nodejs一样写js,很舒服。css最好也能来个模块化管理! 性能...
    Www刘阅读 3,203评论 1 20
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,352评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,455评论 19 139
  • 谨以此文献给我的闺蜜令梓。所谓灵魂伴侣,一生得一人,便足矣。 亲爱的令梓: 生日快乐! 转眼又到你的生日,突然想写...
    樊小新fanfan阅读 1,351评论 2 25
  • 新年里 天空在下雨 快乐的哭泣 我希望你快乐 不管在哪里 时光匆匆岁月流逝 我们总是相逢又别离 只是过去均已过去 ...
    语空阅读 213评论 0 0

友情链接更多精彩内容