Web 前端自動化構建 : Gulp、Bower 和 Yeoman 開發指南 (Front-End Tooling with Gulp,Bower and Yeoman) Web前端自动化构建:Gulp、Bower和Yeoman开发指南

斯特凡·鮑姆加特納 (Stefan Baumgartner)

  • 出版商: 機械工業
  • 出版日期: 2017-09-01
  • 定價: $354
  • 售價: 8.5$301
  • 語言: 簡體中文
  • 頁數: 204
  • 裝訂: 平裝
  • ISBN: 711157883X
  • ISBN-13: 9787111578833
  • 立即出貨 (庫存 < 3)

買這商品的人也買了...

商品描述

本書非常適合前端構建的初學者入門,所介紹的Gulp、Bower、Yeoman都是業內流行且易於上手的工具。而本書的目的並不僅僅是介紹工具的用法,還對前端構建整體的概念和思路進行了梳理。即使未來出現了更先進、更時髦的工具,總體的思路依然萬變不離其宗,本書也不會因此而過時。

作者簡介

Stefan Baumgartner是一個充滿激情的網頁開發者和演講家,他在自己的家鄉組織了技術會議。他的研究領域包括網絡性能、自動化、體系結構和漸進增強。

目錄大綱

譯者序
自序
前言
致謝
關於原書封面插圖

第一部分現代Web應用工作流
第1章現代前端工作流的工具鏈3 
1.1軟件開發者的工作流和任務清單4 
1.1.1初始化階段的任務6 
1.1. 2開發階段的任務6 
1.1.3部署階段的任務7 
1.1.4人為因素8 
1.2JavaScript工具和新的工作流9 
1.2.1三類代碼及其工具10 
1.2.2Node.js中的JavaScript工具12 
1.3用Yeoman搭建腳手架13 
1.3.1Yeoman作為腳手架工具的優點14 
1.3.2什麼是generator14 
1.4依賴管理工具Bower15 
1.4.1Bower的優點16 
1.4.2Bower的依賴樹17 
1.5Gulp流式構建系統18 
1.5.1Gulp的優點18 
1.5.2構建管道19 
1.6總結21 

第2章Gulp入門22 
2.1配置Gulp23 
2.1.1Gulp的構建塊23 
2.1.2Gulp命令行接口25 
2.1.3安裝本地Gulp26 
2.2創建Gulpf?ile28
2.2.1Gulp的“HelloWorld”task28 
2.2.2流的使用31 
2.2.3Gulp中的可讀流和可寫流32 
2.3使用Gulp插件處理task34 
2.3.1轉換數據34 
2.3.2改變文件結構35 
2.3.3鍊式調用插件37 
2.4總結39 

第3章用Gulp配置本地開發環境41 
3.1本地開發環境42 
3.1.1給task分類43 
3.1.2重置步驟:cleantask43 
3.1.3構建和迭代45 
3.2初次構建步驟45 
3.2.1依賴鍊和執行鏈46 
3.2.2順序和並行執行task47 
3.2.3依賴鏈的task執行函數48 
3.2.4更新Gulpfile49 
3.3迭代步驟52 
3.3.1監控過程52 
3.3.2使用Browsersync建立按需實時重載的服務器53 
3.3.3更新Gulpfile55 
3.4總結57 

第4章Bower依賴管理59 
4.1依賴管理基礎61 
4.1.1組件和依賴61 
4.1.2依賴樹62 
4.2Bower的扁平依賴樹管理64 
4.2.1安裝和更新組件65 
4.2.2安裝有依賴的組件66
4.2.3解決依賴衝突68 
4.3集成Gulp69 
4.3.1用Gulp把依賴集成到應用中70 
4.3.2將依賴集成到Gulp構建流程中72 
4.4總結74 

第5章腳手架工具Yeoman75 
5.1Yeomangenerator76 
5.1.1generator的構成78 
5.1.2調用generator79 
5.2項目模板81 
5.2.1固定文件81 
5.2.2靈活文件83 
5.2.3可選文件83 
5.2.4可恢復文件84 
5.3Yeoman的組裝流程84 
5.3.1安裝提示85 
5.3. 2寫入文件87 
5.3.3安裝依賴89 
5.4創建一個generator89 
5.4.1準備項目模板90 
5.4.2創建組裝指令92 
5.4.3構建和測試93 
5.5總結94 

第二部分工具鏈的集成和擴展
第6章不同環境下的Gulp97 
6.1增量構建和構建緩存99 
6.1.1Gulp內置功能99 
6.1.2安裝構建緩存101 
6.1.3處理被刪除的文件104 
6.2通過sourcemap來調試源文件105 
6.2.1什麼是sourcemap107
6.2.2Gulp內置的sourcemap108 
6.2.3sourcemap插件109 
6.3切換環境111 
6.3.1noop()111 
6.3.2dev()和prod()選擇函數113 
6.3.3傳遞命令行參數115 
6.4總結116 

第7章使用流117 
7.1處理不同類型的輸入119 
7.1.1穿插流119 
7.1.2合併流121 
7.2處理不同的輸出123 
7.2.1在task中根據參數創建流123 
7.2.2流數組126 
7.3其他關於流的使用技巧128 
7.3.1使用snippet來避免重複代碼129 
7.3.2使用流隊列來管理順序130 
7.3.3通過Gulpf?ilter來修改流的內容131 
7.4總結133 

第8章擴展Gulp134 
8.1Gulp插件黑名單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集成Browserify142 
8.2.3轉換內容145 
8.3集成基於Promise的工具146
8.3.1Promise的用法147 
8.3.2在Gulptask系統中使用Promise149 
8.4總結151 

第9章創建模塊和Bower組件153 
9.1異步模塊規範155 
9.1.1AMD——為瀏覽器設計的模塊定義規範155 
9.1.2重構到AMD158 
9.2CommonJS和通用模塊規範160 
9.2.1CommonJS模塊160 
9.2.2通用模塊規範161 
9.3定義和部署Bower組件163 
9.3.1Bower.json說明164 
9.3.2部署和發布組件166 
9.3.3私有項目倉庫和組件167 
9.4總結169 

第10章Yeomangenerator進階171 
10.1向現有項目中添加新文件172 
10.1.1sub—generator的概念172 
10.1.2sub—generator的組裝指令174 
10.2改進接口176 
10.2.1修改現有的文件177 
10.2.2處理用戶的配置178 
10.3組合generator181 
10.3.1全局的generator的組合181 
10.3.2依賴和generator的組合184 
10.4總結186
附錄ANode.js導論187