FIS-前端工具框架（自動化工具、性能優化、資源壓縮、資源合併）

公司使用FIS來對前端資源進行管理，經常使用於資源壓縮、資源合併、添加版本號（解決緩存問題）等。下面是記錄了安裝和經常使用的一些命令。

安裝

1.首先安裝nodejs，由於FIS使用Node.js開發，以npm包的形式發佈。

 

2.安裝fis。在命令行輸入：npm install -g fis

 

3.啓動fis（啓動FIS的本地調試服務器功能對構建發佈的項目進行預覽調試）：fis server start

     本地調試服務器啓動成功後，就會自動打開 http://127.0.0.1:8080 ，可是此時服務器內沒有任何內容。咱們還須要經過FIS發佈DEMO項目才能進行預覽

 

4.進入目錄併發布項目：

     cd fis-quickstart-demo #進入DEMO目錄

     fis release

fis release 命令會將編譯後的項目發佈至本地調試服務器，再次刷新瀏覽器頁面，咱們就能夠到fis-quickstart-demo項目的主頁了。

 

 

資源壓縮：

資源壓縮一直是前端項目優化中很是重要的一環，使用FIS咱們無需任何配置，只須要一個命令就能夠完成壓縮工做。

 

fis release --optimize

若是以爲參數輸入比較麻煩，實際上也支持參數縮寫，更多的參數能夠參考 fis release -h 或命令行。

 

fis release -o

FIS構建並不會修改源代碼目錄中的內容，而是擁有獨立的產出的目錄，FIS默認的產出目構錄能夠經過 fis server open 打開，你也能夠經過 fis release -d <path/to/output> 指定你但願的輸出目錄，詳情能夠參考FAQ

 

<path/to/output> 你想輸出到的文件夾路徑，你能夠隨意指定，好比 ./output、../output、D:\output。例如： fis release -d ./output

 

查看一下網站的靜態資源，咱們會發現腳本、樣式、圖片資源都已經壓縮完成。無需額外的插件和配置編寫，一條命令就完成了壓縮工做，是否是很是方便快捷？

 

FIS默認會調整全部資源引用的相對路徑爲絕對路徑，若是隻是單純的但願對項目的腳本、樣式、圖片進行壓縮，不但願對資源引用地址作調整，能夠直接使用基於FIS封裝的spt。

 

添加文件版本（md5戳）

FIS可以根據靜態資源的內容自動生成文件版本，自動更新資源引用路徑，解決緩存更新問題，告別手動更新時間戳。

 

咱們經過開啓 --md5 參數，爲項目中的靜態資源添加md5版本號

 

fis release --optimize --md5 # fis release -om

刷新頁面，咱們能夠看到全部資源均加上了md5版本號

 

 

資源合併

安裝資源合併的插件：npm install -g fis-postpackager-simple

 

以上只是記錄了一些經常使用的。

FIS還有不少其餘功能，也能夠用於插件的開發，具體參考官網：

http://fex.baidu.com/fis-site/docs/beginning/getting-started.html