fis3是什麼?:
fis3 是面向前端的工程構建工具。解決前端工程中效能優化、資源載入(非同步、同步、按需、預載入、依賴管理、合併、內嵌)、模組化開發、自動化工具、開發規範、**部署等問題。
配置檔案:預設fis-config.js
常用命令:
fis3 release -d : 構建發布版本到 位址
fis3 inspect: 檢視檔案分配的屬性,即在fis.match(selector, prop)中配置的屬性,並且是最終計算完成的結果。
fis3 server open: 開啟fis3內建的web server
fis3 server start:啟動伺服器
fis3 server -h:修改server配置,如修改埠(預設是8080)
fis3 release -wl:監聽檔案變化+瀏覽器自動重新整理
上傳發布版本到伺服器時:如果不想配置在命令列中制定伺服器,可以在match中制定:
fis3.media("qa").match("*",)
});
示例一:
假設我們有:
預處理:
fis3 提供強大的預處理能力,可以對 less、sass 等異構語言進行預處理,還可以對模板語言進行預編譯。比如預處理less
fis.match(".less",)
簡單合併:
fis.match("::package",);
fis.match(".less",)
fis.match(".",)
fis.match(".js",)
構建除錯預覽:
進入 demo 目錄,執行命令,構建即發布到
本地測試服務
根目錄下:
fis3 release
啟動內建伺服器進行預覽:
fis3 server start --type node
構建工具fis3的使用
1 release發布命令 fis3 release d 任意目錄 fis3 release h 獲取更多引數 fis3 server start 啟動內建伺服器 fis3 server h 獲取更多引數 fis3 server open 開啟內建伺服器目錄,不指定發布位址則預設發布到內建伺服器中 ...
fis3前端工程構建工具使用小結
1.安裝fis3環境 1.1 安裝nodejs環境 1.2 安裝fis3使用命令 npm install g fis3 1.3 檢測fis3是否安裝成功 fis3 v 2.在專案根目錄下新建配置檔案fis conf js3.在需要記錄檔案對映的地方新建map json 可選 map.json檔案內容...
gulp前端自動化構建工具
gulp是基於node.js的乙個構建工具 自動任務執行器 開發者可以使用它自動化工作流程。一些常見的 重複的任務,例如 網頁自動重新整理 css預處理 檢測 壓縮 等,只需要簡單的命令就能全部完成。使用它可以簡化工作,提高開發效率。gulp優點 簡潔 gulp側重 優於配置 最直觀的感受,更為簡單...