FIS3 , 为你定制的前端工程构建工具

解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

Getting Started now!
60+个百度产品线/项目
30+外部公司
440+NPM包
岂止于工具

FIS3与一般构建工具有何不同

  • 类css风格的配置语法

    FIS3采取了类似CSS语法一样的配置风格,易于理解与上手。编译配置不再枯燥而令人生畏,构建项目变得如此简单。

    查看配置文档
  • Glob语法扩展

    不会写正则?不用怕,FIS3不仅提供了友好易用的Glob匹配语法,更扩展了分组功能,再没有更简单易用的文件匹配了。

    查看Glob说明
  • 面向开发的目录规范

    FIS3强大的资源定位和内嵌等能力让你能真正面向开发定义利于维护的目录规范,同时能适配任意服务器的发布需求。一份代码,多种发布。迁移变得如此简单!

    查看目录规范配置
  • 自动依赖分析

    FIS3通过依赖声明自动分析资源依赖,支持适配CommonJS/AMD/CMD等多种模块化规范;类似WebPack依赖打包变得更加简单

    查看模块化文档
  • 强大的静态资源管理

    FIS3绝不仅是Task管理工具,其核心思想在于整站强大的静态资源管理能力。无论是按需加载、组件内嵌、BigRender、Quickling等方案都能快速实施

    静态资源管理说明
  • 与后端框架的无缝结合

    FIS3将静态资源管理能力延伸到后端框架,无论是PHP的、smarty,Nodejs,还是JAVA的velocity,都有相应的解决方案支持

    查看后端解决方案
如何利用工具提升项目开发效率

FIS3助您在各个阶段得心应手

简单页面制作

丰富的脚手架与组件仓库,自动监听、本地预览,让您的页面快速Run起来

  • 丰富的脚手架和组件仓库,让您快速上手
  • 提供本地调试服务器,方便快速预览、本地数据模拟等功能。支持文件监听、自动刷新,您的每次改动都能快速呈现在页面中
  • 方便的资源定位机制、css语法般的目录和发布配置,让您保持高可维护性的开发目录结构不变同时,轻松适配任意服务器部署的目录要求
初级项目研发
工欲善其事,必先利其器。灵活运用开发工具提速开发

自动雪碧图

雪碧图通过合并文件减少网络请求,提升页面加载性能。

FIS能根据CSS中的文件引用自动生成雪碧图,有力提升css开发效率

资源内嵌,文件校验、压缩、合并

内容嵌入可以为工程师提供诸如图片base64嵌入到css、js里,前端模板编译到js文件中,将js、css、html拆分成几个文件最后合并到一起的能力

通过简单的几行配置便能完成资源校验、压缩、合并工作了解详细

更多开源编译工具应有尽有还不够?快速封装一个

中等规模项目
利用模块化提升可维护性,灵活适配开发框架

模块化开发

模块化是提升网站可维护性、功能复用性的重要手段,它能实现积木式的搭建网页。

FIS提供了ModJS模块化方案让用户无需关注模块化方案细节,只需像NodeJS一样简单的声明模块依赖便能轻松完成模块化工作,支持同步、异步的加载方式和依赖的管理。了解详细

无缝支持AMD/CMD等规范

FIS同样支持开源的AMD/CMD等规范,通过自动化编译简化现有模块化方案的开发和依赖的分析管理等工作,让用户更专注于功能开发。了解详细

更简单的依赖打包机制

FIS在分析过程中获取了整个项目模块化资源的依赖分析工作,使得诸如webpack的依赖打包和管理变得更加简单。

同样您可以自定义打包插件来自由扩展,例如Rosseta的打包

大流量产品攻克
全面管理整站静态资源,轻松搞定性能优化

静态资源表机制

作为FIS静态资源管理的核心,通过它不仅能灵活适配modjs/AMD/CMD等模块化方案,更能方便地扩展实现更多应用。了解更多

后端静态资源管理框架

静态资源管理应当能适配php、java等各种后端方案,通过与后端的结合更好的实现网站资源的管理。了解更多

灵活控制资源加载

按需加载、延迟加载、预加载等多种方式灵活控制,从性能优化角度出发优化首屏渲染等页面展现性能。