自動化構建工具學習 fis3

2021-07-29 14:55:03 字數 1008 閱讀 6129

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側重 優於配置 最直觀的感受,更為簡單...