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檔案內容為 __resource_map__
4.在fis-config
.js所在目錄執行 fis3 release -d 目錄
生成的版本檔案就在目錄下了
/*********************===*fis-conf.js檔案解析*********************===*/
//*代表目錄下一級內容
//**代表目錄下任意深度內容
//將所有的js檔案壓縮
fis.
match('*.js', );
//將所有的css檔案壓縮
fis.
match('*.css', );
將所有png檔案壓縮
'*.png', );
//選中檔案適用檔案指紋
fis.
match('*.', );
//選中檔案不適用檔案指紋
fis.
match('jquery.min.js', );
//將選中的檔案加入到靜態對映表中
fis.
match('*.',);
//選中檔案標記為模組化檔案，會自動新增或完成define
fis.
match('/*.js', );
//選中檔案標記為不適用模組化功能
fis.
match('sea.js', );
//seajs使用命令，模組化必須指令
fis.hook('cmd', );
//忽略選中檔案，標記為不被編譯內容，防止檔案中出現body或html字元導致不可預料的錯誤
fis.
match('*.php',);
//外聯樣式佔位符 pkg配置表佔位符 暫時不用這個
//內聯樣式佔位符 必須
fis.
match('::packager',
}});fis.
match('::packager',
},'prepend')
});fis.
match('*.php',
});// fis.match('::packager', );
//全域性或本地安裝外掛程式
//npm install [-g] fis3-hook-relative
//啟用外掛程式
'relative');
//讓所有檔案，都使用相對路徑。
'**', )
/* *
//載入seajs內容載入器，很重要，如果沒有可能模組化**不被轉換
fis.match('::packager',
})});*/
//另外一種載入器寫法
'::packager', );
//將選中的檔案壓縮到乙個檔案中，seajs模組化不支援此功能
// fis.match('*.js', );
構建工具fis3的使用
1 release發布命令 fis3 release d 任意目錄 fis3 release h 獲取更多引數 fis3 server start 啟動內建伺服器 fis3 server h 獲取更多引數 fis3 server open 開啟內建伺服器目錄，不指定發布位址則預設發布到內建伺服器中 ...
自動化構建工具學習 fis3
fis3是什麼？fis3 是面向前端的工程構建工具。解決前端工程中效能優化 資源載入 非同步 同步 按需 預載入 依賴管理 合併 內嵌 模組化開發 自動化工具 開發規範 部署等問題。配置檔案 預設fis config.js 常用命令 fis3 release d 構建發布版本到 位址 fis3 in...
構建 fis3 使用教程（02）
前提回顧 前面一節 原創 fis3構建工具使用教程 01 中我們初步介紹了怎麼使用fis3進行構建，例如資源定位 雪碧圖 壓縮資源檔案等功能的使用，希望你還記得如何使用它們。如果你忘記了，可以回到該篇文章中鞏固一下，畢竟希望你能連續的看完這幾篇fis3教程。t t ok，在本篇中我們將介紹如何調式和...