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鏈接數。