Web前端自動化構(gòu)建：Gulp、Bower和Yeoman開發(fā)指南

目　　錄Contents
譯者序
自　序
前　言
致　謝
關(guān)于原書封面插圖
*部分　現(xiàn)代Web應(yīng)用工作流
第1章現(xiàn)代前端工作流的工具鏈 3
1.1軟件開發(fā)者的工作流和任務(wù)清單 4
1.1.1　初始化階段的任務(wù) 6
1.1.2　開發(fā)階段的任務(wù) 6
1.1.3　部署階段的任務(wù) 7
1.1.4　人為因素 8
1.2　JavaScript工具和新的工作流 9
1.2.1　三類代碼及其工具 10
1.2.2Node.js中的JavaScript工具 12
1.3　用Yeoman搭建腳手架 13
1.3.1Yeoman作為腳手架工具的優(yōu)點 14
1.3.2　什么是generator 14
1.4　依賴管理工具Bower 15
1.4.1　Bower的優(yōu)點 16
1.4.2　Bower的依賴樹 17
1.5　Gulp流式構(gòu)建系統(tǒng) 18
1.5.1　Gulp的優(yōu)點 18
1.5.2　構(gòu)建管道 19
1.6　總結(jié) 21
第2章　Gulp入門 22
2.1　配置Gulp 23
2.1.1　Gulp的構(gòu)建塊 23
2.1.2　Gulp命令行接口 25
2.1.3　安裝本地Gulp 26
2.2　創(chuàng)建Gulpfile 28
2.2.1Gulp的“Hello World”task 28
2.2.2　流的使用 31
2.2.3Gulp中的可讀流和可寫流 32
2.3　使用Gulp插件處理task 34
2.3.1　轉(zhuǎn)換數(shù)據(jù) 34
2.3.2　改變文件結(jié)構(gòu) 35
2.3.3　鏈?zhǔn)秸{(diào)用插件 37
2.4　總結(jié) 39
第3章用Gulp配置本地開發(fā)環(huán)境 41
3.1　本地開發(fā)環(huán)境 42
3.1.1　給task分類 43
3.1.2　重置步驟：clean task 43
3.1.3　構(gòu)建和迭代 45
3.2　初次構(gòu)建步驟 45
3.2.1　依賴鏈和執(zhí)行鏈 46
3.2.2　順序和并行執(zhí)行task 47
3.2.3　依賴鏈的task執(zhí)行函數(shù) 48
3.2.4　更新Gulpfile 49
3.3　迭代步驟 52
3.3.1　監(jiān)控過程 52
3.3.2使用Browsersync建立按需實時重載的服務(wù)器 53
3.3.3　更新Gulpfile 55
3.4　總結(jié) 57
第4章　Bower依賴管理 59
4.1　依賴管理基礎(chǔ) 61
4.1.1　組件和依賴 61
4.1.2　依賴樹 62
4.2　Bower的扁平依賴樹管理 64
4.2.1　安裝和更新組件 65
4.2.2　安裝有依賴的組件 66
4.2.3　解決依賴沖突 68
4.3　集成Gulp 69
4.3.1用Gulp把依賴集成到應(yīng)用中 70
4.3.2將依賴集成到Gulp構(gòu)建流程中 72
4.4　總結(jié) 74
第5章　腳手架工具Yeoman 75
5.1　Yeoman generator 76
5.1.1　generator的構(gòu)成 78
5.1.2　調(diào)用generator 79
5.2　項目模板 81
5.2.1　固定文件 81
5.2.2　靈活文件 83
5.2.3　可選文件 83
5.2.4　可恢復(fù)文件 84
5.3　Yeoman的組裝流程 84
5.3.1　安裝提示 85
5.3.2　寫入文件 87
5.3.3　安裝依賴 89
5.4　創(chuàng)建一個generator 89
5.4.1　準(zhǔn)備項目模板 90
5.4.2　創(chuàng)建組裝指令 92
5.4.3　構(gòu)建和測試 93
5.5　總結(jié) 94
第二部分　工具鏈的集成和擴展
第6章　不同環(huán)境下的Gulp 97
6.1　增量構(gòu)建和構(gòu)建緩存 99
6.1.1　Gulp內(nèi)置功能 99
6.1.2　安裝構(gòu)建緩存 101
6.1.3　處理被刪除的文件 104
6.2通過sourcemap來調(diào)試源文件 105
6.2.1　什么是sourcemap 107
6.2.2　Gulp內(nèi)置的sourcemap 108
6.2.3　sourcemap插件 109
6.3　切換環(huán)境 111
6.3.1　noop() 111
6.3.2　dev()和prod()選擇函數(shù) 113
6.3.3　傳遞命令行參數(shù) 115
6.4　總結(jié) 116
第7章　使用流 117
7.1　處理不同類型的輸入 119
7.1.1　穿插流 119
7.1.2　合并流 121
7.2　處理不同的輸出 123
7.2.1在task中根據(jù)參數(shù)創(chuàng)建流 123
7.2.2　流數(shù)組 126
7.3　其他關(guān)于流的使用技巧 128
7.3.1使用snippet來避免重復(fù)代碼 129
7.3.2　使用流隊列來管理順序 130
7.3.3通過Gulp filter來修改流的內(nèi)容 131
7.4　總結(jié) 133
第8章　擴展Gulp 134
8.1　Gulp插件黑名單 135
8.1.1理由：不是一個Gulp插件 136
8.1.2理由：可以用別的東西替代 137
8.1.3　理由：做的事情太多 138
8.2　集成其他基于流的工具 139
8.2.1流、緩沖和Vinyl文件對象 139
8.2.2　集成Browserify 142
8.2.3　轉(zhuǎn)換內(nèi)容 145
8.3　集成基于Promise的工具 146
8.3.1　Promise的用法 147
8.3.2在Gulp task系統(tǒng)中使用Promise 149
8.4　總結(jié) 151
第9章　創(chuàng)建模塊和Bower組件 153
9.1　異步模塊規(guī)范 155
9.1.1AMD——為瀏覽器設(shè)計的模塊定義規(guī)范 155
9.1.2　重構(gòu)到AMD 158
9.2CommonJS和通用模塊規(guī)范 160
9.2.1　CommonJS模塊 160
9.2.2　通用模塊規(guī)范 161
9.3　定義和部署B(yǎng)ower組件 163
9.3.1　Bower.json說明 164
9.3.2　部署和發(fā)布組件 166
9.3.3　私有項目倉庫和組件 167
9.4　總結(jié) 169
第10章Yeoman generator進階 171
10.1　向現(xiàn)有項目中添加新文件 172
10.1.1　sub-generator的概念 172
10.1.2sub-generator的組裝指令 174
10.2　改進接口 176
10.2.1　修改現(xiàn)有的文件 177
10.2.2　處理用戶的配置 178
10.3　組合generator 181
10.3.1全局的generator的組合 181
10.3.2依賴和generator的組合 184
10.4　總結(jié) 186
附錄A　Node.js導(dǎo)論 187