FIS3工作原理

2021-07-07 03:40:42 字數 809 閱讀 4852

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...