fis3基於檔案物件進行構建,每個進入fis3的檔案都會例項化成乙個file物件。
其構建流程大概分為三個階段:
1.掃瞄專案目錄拿到檔案並初始化出乙個檔案物件的列表 掃瞄
2.對檔案物件中每乙個檔案進行單檔案編譯 編譯
3.獲取使用者設定的package外掛程式,進行打包處理(包括合併) 打包
打包階段
打包階段設定了四個擴充套件點,通過使用者配置啟用某些外掛程式
單檔案編譯
**校驗lint-----》預處理parser-----》標準化前處理preprocessor-----》標準化standard------》標準化後處理postprocessor
lint **校驗檢查,主要檢測**是否有誤;
parser 預處理階段 主要是對異構語言等進行編譯,如less,sass編譯為標準的css;前端模板被編譯為js等;
preprocessor 標準化前處理階段
standard 標準化外掛程式 處理內建語法
postprocessor 標準化後處理外掛程式
file物件
當乙個檔案被例項化為乙個 file 物件後,包括一些檔案基本屬性,如 filename、realpath 等等,當這個檔案被處理時,fis3 還會把使用者自定義的屬性 merge 到檔案物件上
fis2 入門 fis3使用
api v2.0 api 3.0 f 1.使用 fis 只需要三條命令 fis server h 檢視幫助 fis server strart 開啟服務 fis server open 檢視fis的根目錄 fis release 進行編譯並且傳送檔案到指定的目錄 預設的是無服務www目錄,會自動將當...
fis3的初接觸
然而工作找到了,我還是沒看過fis的真實面目,在現在的工作中所涉及的技術要求有vue.js,fis,sass。這些對我來說很是陌生。但是我一 點都不害怕,因為這就是我想學的技術。只是希望工作給我點時間,我想我會掌握這些技術的。上班第一天配置了fis環境,當它也出現在我的電腦上時對於技術小白的我來說很...
fis3 使用心得
因為專案原因,公司的框架選擇是fis3,因此我就接觸了下fis3這個東西。樓主沒用過webpack,gulp和grunt也不熟,fis3做為自己第乙個使用的打包工具,感覺真tm好用。本文主要就介紹一下對於fis3的使用心得 非常非常淺顯,僅限於個人粗淺理解,偏近應用。入門可以,深入不一定好 啥是fi...