fis 插件

插件列表

插件列表中并未列举所有FIS插件扩展点的插件,仅提供了比较具有通用性的插件。FIS的具体扩展点以及功能可以参见插件扩展点列表

通过FIS内置的目录规范设置,配合下列插件,我们可以满足绝大部分的前端构建需求,如果这里的插件仍无法满足你的需求,你也可以考虑自行通过配置扩展或插件扩展的形式定制构建流程。

希望将自己插件放在列表中的朋友也可以联系我们添加。

语言扩展类插件

语言扩展类插件的主要工作是将异构语言编译为前端语言。举例来说将CoffeeScript或TypeScript翻译为JavaScript、将Less或Sass翻译为CSS、将各种前端模版预编译为JavaScript提高运行时的效率,总之就是将各种非原生前端语言编译为浏览器支持的前端语言。通过语言扩展类插件我们可以按照自己喜好混合各种语言,无需各种工具支撑,使用FIS发布一次就全部处理完成。

此类插件一般都会使用parser扩展点,可以在npm中搜索fis parser找到更多。

标准后处理器插件

标准后处理器插件的运行时间是在FIS进行了异构语言编译以及标准化处理后。主要用于对文件文件编译内容做最后的调整。

代码检查插件

用于对代码进行校验,执行fis release命令时添加 --lint参数会调用该类型插件。

代码优化插件

用于各种文件优化,通常是压缩、xss修复等工作

打包前处理插件

打包后处理插件

在项目进行打包处理操作后,用于处理整个项目的插件。在这个阶段的插件除了源代码插件信息,还能够获取到打包文件信息。

时间: 2024-10-30 13:19:24

fis 插件的相关文章

FIS的合并压缩技术

FIS是专为解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题的工具框架. 使用FIS我们可以快速的完成各种前端项目的资源压缩.合并等等各种性能优化工作,同时FIS还提供了大量的开发辅助功能 首先我们了解一下FIS的基本命令 fis install: 此命令安装一些公共库组件比如 jQuery.echarts,我们提供的组件都放在 https://github.com/fis-components 仓库中. fis release: 命令用于编译并发布的你的项目,

FIS Issue 标记

-----已知 [pack问题]忽视<!--[if lt IE 9]>进行合并 https://github.com/fex-team/fis/issues/253 关于增加md5戳以后文件越来越多 https://github.com/fex-team/fis/issues/97 -----待了解 fis-plus如何与后端结合使用 https://github.com/fex-team/fis-plus/issues/16 资源文件时间版的后缀和资源定位有冲突 https://github

FIS教程入门

快速入门 FIS是专为解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题的工具框架. 使用FIS我们可以快速的完成各种前端项目的资源压缩.合并等等各种性能优化工作,同时FIS还提供了大量的开发辅助功能 首先我们了解一下FIS的基本命令 fis install: 命令安装fis仓库提供的各种 组件.框架.示例.素材.配置等 开发资源. fis release: 命令用于编译并发布的你的项目,拥有多个参数调整编译发布操作. fis server: 命令可以启动一个本地

在 FIS 中,集成了百度前端模板

有好久没有写博客了,大概是因为工作太忙,加上要不断地学习,所以忘记了... 进入正题... fis内置了百度前端模板baiduTempate,在编译过程中,会预编译生成对应文件,不需要线上编译,提高页面运行效率.所谓的预编译,开始我也是比较模糊,所以问了一些前端同事再加上自己工作体会便明白了,这里我写下个人的理解,若有不妥之处,还请大家多多指点. 使用fis构建工具时,在 JS 代码中,通过 __inline 方式进行编译处理前端模板.同时规定以 tmpl 为后缀的文件为前端模板,使用方式: /

美利金融前端技术架构杂谈

今天简单说下我厂前端方面一些技术选择. 构建工具 构建工具上我们选用了fis2,可以自动化文件压缩.打版本号,而且自带数据mock功能,可以充分实现前后端并行开发. 在选择js模块化方案时候,我们选择了commonjs规范的模块加载,为了降低团队的使用难度,我非常希望使用browserfiy的模式,即把所有require进来的模块打包成一个文件,这样既很舒服的使用了commonjs规范,又无需主动配置文件合并策略. 但研究后发现想要很舒服的配合fis2+browserfiy使用并不容易,还好fi

fis3的简单使用

fis3的教程官网:http://fis.baidu.com/fis3/docs/beginning/intro.html FIS3 是什么 FIS3 是面向前端的工程构建工具.解决前端工程中性能优化.资源加载(异步.同步.按需.预加载.依赖管理.合并.内嵌).模块化开发.自动化工具.开发规范.代码部署等问题. 基本配置(fis-conf.js): //打包配置fis.match('::package', { postpackager: fis.plugin('loader', { //allI

前端工程与模块化框架

and others Owner fouber commented on 14 Jun 2014 本文最先发表在 DIV.IO - 高质量前端社区,欢迎大家围观 不要再求验证码了,这个blog目前有800+人订阅,求验证没什么的很影响其他订阅者,可以在div.io上申请,定期会有同学发放的... 一直酝酿着写一篇关于模块化框架的文章,因为模块化框架是前端工程中的 最为核心的部分 .本来又想长篇大论的写一篇完整且严肃的paper,但看了 @糖饼 在 DIV.IO 的一篇文章 <再谈 SeaJS 与

基于fis3的组件可视化道路

首先说明一下,即使不熟悉fis3,阅读文本应该也会有所收获. 本文以fis-parser-imweb-tplv2插件为模板插件,目的不在于使用哪个模板,而是组件可视化的实现思路,不必担心. 先说说模板插件 首先说明一下,我们的项目使用的fis3自带的mod.js做模块化开发. fis-parser-imweb-tplv2插件是同事在imweb待着的时候写的.模板使用和jsp写法一致,文件类型为tpl类型 <div class="tips"> <em> <i

如何给Ionic写一个cordova插件

写一个cordova插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂:现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了... 在正式写下文之前,我先感谢公司大boss:王总,感谢他让我进入了一个有挑战性的技术公司 并在这个过程中一直鼓励我不断汲取新技术,同时也指正了我在开发中的一些不太好的习惯,十分感谢! 再~,感谢在开发中给予我太多帮助的杜勇以及孙金~,不论是需求讨论还是具体开发阶段都会给予一些十分有用的思