fis 插件

插件列表

插件列表中并未列举全部FIS插件扩展点的插件，仅提供了比较具备通用性的插件。FIS的具体扩展点以及功能能够参见插件扩展点列表。

经过FIS内置的目录规范设置，配合下列插件，咱们能够知足绝大部分的前端构建需求，若是这里的插件仍没法知足你的需求，你也能够考虑自行经过配置扩展或插件扩展的形式定制构建流程。

但愿将本身插件放在列表中的朋友也能够联系咱们添加。

 

语言扩展类插件

语言扩展类插件的主要工做是将异构语言编译为前端语言。举例来讲将CoffeeScript或TypeScript翻译为JavaScript、将Less或Sass翻译为CSS、将各类前端模版预编译为JavaScript提升运行时的效率，总之就是将各类非原生前端语言编译为浏览器支持的前端语言。经过语言扩展类插件咱们能够按照本身喜爱混合各类语言，无需各类工具支撑，使用FIS发布一次就所有处理完成。

• fis-parser-coffee-script：将CoffeeScript编译成JavaScript
• fis-parser-less：将Less编译成CSS
• fis-parser-sass：将Sass编译成CSS
• fis-parser-jade：将Jade编译成HTML
• fis-parser-marked：将Markdown文件编译成HTML
• fis-parser-handlebars：将handlebars前端模板编译成JavaScript
• fis-parser-utc：将Underscore前端模板编译成JavaScript
• fis-parser-bdtmpl：将baiduTemplate前端模板文件编译成JavaScript
• fis-parser-react：预编译react项目
• fis-parser-nunjucks：预编译nunjucks项目

此类插件通常都会使用parser扩展点，能够在npm中搜索fis parser找到更多。

 

标准后处理器插件

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

• fis-postprocessor-require-async：识别代码中的 require.async('path/to/js') ，将动态加载的组件信息加入map.json中，方便后续在打包和资源管理等插件中调用。
• fis-postprocessor-jswrapper：自动为代码添加amd包装代码，在代码编写时就无需手动添加，使得编写前端模块化代码的开发体验与Node.js一致，已内置。
• fis-postprocessor-ssi：编译期实现ssi include语法
• fis-postprocessor-annotate：Angular依赖注入自动注解插件

 

代码检查插件

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

• fis-lint-jshint：使用jshint进行Javascript代码静态分析
• fis-lint-csslint：使用csslint进行CSS静态分析

 

代码优化插件

用于各类文件优化，一般是压缩、xss修复等工做

• fis-optimizer-uglify-js：使用uglify-js压缩脚本资源，已内置。
• fis-optimizer-clean-css：使用clean-css压缩样式资源，已内置。
• fis-optimizer-png-compressor:压缩图片，已内置。
• fis-optimizer-shutup：移除alert，console，console.log等调试信息

 

打包前处理插件

• fis-prepackager-csswrapper：将css包装为Javascript，方便模块加载器异步加载。

 

打包后处理插件

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

• fis-postpackager-autoload：自动加载页面依赖的脚本与样式资源
• fis-postpackager-simple：自动合并页面中引用的脚本、样式资源，减小HTTP链接数。