FIS：來自百度的前端集成解決方案

解決前端工程的根本問題！

F.I.S簡介

• 什么是F.I.S
</ul>

歡迎訪問 FIS官網 獲取最新的文檔

同時我們在慕課網開通了 在線課程 ，歡迎大家訪問

功能概述

• 跨平臺支持win、mac、linux等系統
• 無內置規范，可配置  開發和部署規范 ，用于滿足任何前后端框架的部署需求
• 對html、js、css實現  三種語言能力  擴展，解決絕大多數前端構建問題
• 支持二次包裝，比如  spmx 、  phiz 、  chassis ，對fis進行包裝后可內置新的插件、配置，從而打造屬于你們團隊的自己的開發工具
• 自動生成靜態資源表關系表（map.json），可用于  連接前后端開發框架
• 所有靜態資源自動加  md5版本戳 ，服務端可放心開啟永久強緩存
• 支持給所有靜態資源添加域名前綴
• 可靈活擴展的插件系統，支持對構建過程和命令功能進行擴展，現已發布N多  插件
• 通過插件配置可以在一個項目中無縫使用  less 、 coffee 、 markdown 、 jade 等語言開發
• 內置  css sprites插件 ，簡單易用
• 內置  png圖片壓縮插件 ，采用c++編寫的node擴展，具有極高的性能，支持  將png24壓縮為png8
• 內置本地開發調試服務器，支持完美運行  java 、 jsp 、 php  等服務端語言
• 支持文件監聽，保存即發布
• 支持瀏覽器自動刷新，可同時刷新多個終端中的頁面，配合文件監聽功能可實現保存即刷新
• 支持上傳到遠端服務器，配合文件監聽，瀏覽器自動刷新功能，可實現保存即增量編譯上傳，上傳后即刷新的開發體驗
• 超低學習成本，只須記憶  3  條命令即可完成開發
• 抹平編碼差異，開發中無論是gbk、gb2312、utf8、utf8-bom等編碼的文件，輸出時都能統一指定為utf8無bom（默認）或者gbk文件
</ul>

快速入門

• 基本使用
• 資源壓縮
• 資源合并
• 輔助開發
</ul>

語言能力

• 關于三種語言能力
• 定位資源
• 嵌入資源
• 聲明依賴
</ul>

插件系統

• 編譯過程運行原理
• 插件調用機制
• 插件擴展點
• 插件列表
</ul>

配置文檔

• 零配置
• 使用配置文件
• 系統配置

  • project.charset
  • project.md5Length
  • project.md5Connector
  • project.include
  • project.exclude
  • project.fileType.text
  • project.fileType.image
  </ul> </li>
  • 插件配置

    • modules.parser
    • modules.preprocessor
    • modules.postprocessor
    • modules.lint
    • modules.test
    • modules.optimizer
    • modules.prepackager
    • modules.packager
    • modules.spriter
    • modules.postpackager
    • settings
    </ul> </li>
    • 內置插件運行配置

      • settings.postprocessor.jswrapper
      • settings.optimizer.uglify-js
      • settings.optimizer.clean-css
      • settings.optimizer.png-compressor
      • settings.spriter.csssprites
      </ul> </li>
      • 目錄規范與域名配置

        • roadmap.path
        • roadmap.ext
        • roadmap.domain
        • roadmap.domain.image
        </ul> </li>
        • 部署配置

          • deploy
          </ul> </li>
          • 打包配置

            • pack
            </ul> </li> </ul>

            高級使用

            • 基于map.json的前后端架構設計指導
            </ul>

            更多資料

            • fistool  可視化界面工具
            • gois  go語言組件化解決方案
            • phiz  PHP組件化解決方案
            • spmx  通過包裝fis得到適應seajs架構的集成解決方案
            • sublime plugin  支持FIS編譯的sublime插件，可以替代watch功能
            </ul> </article>