|
|
流程
關于流程，是從項目啟動到發(fā)布的過程。在前端通常我們都做些什么？
- 切圖，即從設計稿中獲取需要的素材，并不是所有前端開發(fā)都被要求切圖，也不是所有前端開發(fā)都會切圖，但請享受學習新知識的過程吧。
- 創(chuàng)建模版（html、jade、haml）、腳本（Javascript、coffeescript）、樣式（css、less、sass、stylus）文件，搭建基礎的項目骨架。
- 文件（jade、coffeescript、less、sass…）編譯
- 執(zhí)行測試用例
- 代碼檢測
- 移除調(diào)試代碼
- 靜態(tài)資源合并與優(yōu)化
- 靜態(tài)資源通過hash計算指紋化
- 部署測試環(huán)境
- 灰度發(fā)布現(xiàn)網(wǎng)
每個流程中的過程單元，我們抽象為一個Task，即任務。把可重復規(guī)則的過程進行工具化，如把JavaScript代碼壓縮過程工具化，而UglifyJS是具體執(zhí)行任務的工具，CSS代碼壓縮器CleanCSS是具體執(zhí)行任務的工具。
工具文化幾乎是大平臺互聯(lián)網(wǎng)公司共有的特質(zhì)，我們無法確定是工具文化驅(qū)動了Google、Facebook這類互聯(lián)網(wǎng)公司的快速發(fā)展，還是快速發(fā)展的需要使其在內(nèi)推廣工具文化，但可以明確的是工具文化必不可少。在Facebook第二位中國籍工程師王淮的書中也提到提到：
當時招聘他進Facebook的總監(jiān)黃易山，是對內(nèi)部工具的最有力倡導者：
他極度建議，公司要把最好的人才放到工具開發(fā)那一塊，因為工具做好了，可以達到事半功倍的效果，所有人的效率都可以得到提高，而不僅僅是工程師。 在騰訊，工具文化雖沒有被明確指出，但大平臺公司對工具化的堅持是一致的：凡是被不斷重復的過程，將其工具化，綁定到自動化流程之中。技術產(chǎn)品也需要Don’t make me think的方式來推廣最佳實踐。總而言之：依靠工具，而不是經(jīng)驗。
任務工具化是自動化流程的基礎，我想你已經(jīng)聽說過任務運行器Grunt。Grunt幫助開發(fā)者把任務單元建立連接，如代碼編譯Task執(zhí)行完后執(zhí)行檢測Task，檢測Task執(zhí)行完后執(zhí)行壓縮Task。雖然Grunt是基于Node.js平臺，但其定位是個通用任務管理器，通用往往意味著更高的學習與實施成本。專注于Web開發(fā)領域騰訊有Mod.js來實施前端自動化，通過Mod.js有效的簡化Web開發(fā)自動化流程實施成本。
Mod.js并不是簡單的任務運行器，其內(nèi)置集成了Web前端開發(fā)常用的工具集，覆蓋了80%的前端使用場景，而另外的20%則可通過Mod.js的插件機制來擴展。
Mod.js:https://github.com/modjs/mod 可通過NPM來安裝最新的版本， 在你來到Node.js的編程世界時已同時附帶了NPM，當前Mod.js最新版本0. 4.x要求Node.js要求>= 0.8.0：
$ npm install modjs -g
-g 參數(shù)表示把Mod.js安裝到全局，如此mod命令將會在system path內(nèi)，方便在任何一個目錄啟動Mod.js任務。
Mod.js通過Modfile.js文件驅(qū)動任務執(zhí)行，可以手動創(chuàng)建一個Modfile.js文件，也可以通過模版初始化一個Modfile.js文件：
$ mod init modfile
Modfile.js是一個Plain Node Module, 通過 Runner 對象來描述任務的具體執(zhí)行過程：
// 暴露Runner對象module.exports = {}
如是異步配置，則可通過回調(diào)模式傳遞Runner對象：
module.exports = function(options, done){ setTimeout( function(){ // 回調(diào)Runner對象 var runner = {}; done(runner); }, 1000)}
it知識庫：停不下來的前端，自動化流程，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
