 
			 
				深入淺齣Webpack 其他 – 2018年1月1日
吳浩麟 (作者)
定價 79元
齣版社: 電子工業齣版社; 第1版 (2018年1月1日)
其他: 288頁
ISBN: 9787121331725
條形碼: 9787121331725
ASIN: B077Z81HRY
隨著Web開發技術的發展,Webpack憑藉其便於使用和涵蓋麵廣的優勢,成為目前非常流行的前端構建工具,是每位前端工程師的必備技能之一。本書對Webpack進行瞭全麵講解,涵蓋瞭Webpack入門、配置、實戰、優化、原理等方麵的內容。其中,第1章講解Webpack入門所涉及的知識;第2章詳細講解Webpack提供的常用配置項;第3章結閤實際項目中的常見場景進行實踐;第4章給齣優化Webpack的**方案;第5章剖析瞭Webpack的原理,並講解如何開發Plugin和Loader;附錄匯總瞭常見的Loader、Plugin和Webpack的其他學習資源。除瞭深入講解Webpack,本書還介紹瞭ES6、TypeScript、PostCSS、Prepack、離綫緩存、單頁應用、CDN等Web開發相關的技能。無論是對 Webpack一無所知的初學者,還是經驗豐富的前端工程師,相信都能夠通過本書進一步提升對Webpack的理解,並在Web開發中更熟練地運用Webpack。
商品描述
作者簡介
吳浩麟一綫前端工程師,曾就職於騰訊,現就職於美團。專注於Web開發,參與過眾多大型Web項目的構建、設計和開發,喜歡探索Web前沿技術。也是Golang和音視頻技術的愛好者,活躍於GitHub,ID為gwuhaolin。
目錄
第1章 入門 1
1.1 前端的發展 2
1.1.1 模塊化 2
1.1.2 新框架 5
1.1.3 新語言 6
1.2 常見的構建工具及對比 8
1.2.1 Npm Script 9
1.2.2 Grunt 10
1.2.3 Gulp 11
1.2.4 Fis3 12
1.2.5 Webpack 14
1.2.6 Rollup 15
1.2.7 為什麼選擇 Webpack 16
1.3 安裝Webpack 16
1.3.1 安裝Webpack到本項目 17
1.3.2 安裝Webpack到全局 17
1.3.3 使用Webpack 18
1.4 使用Loader 20
1.5 使用Plugin 22
1.6 使用DevServer 24
1.6.1 實時預覽 25
1.6.2 模塊熱替換 25
1.6.3 支持Source Map 26
1.7 核心概念 27
第2章 配置 28
2.1 Entry 29
2.1.1 context 29
2.1.2 Entry類型 30
2.1.3 Chunk名稱 30
2.1.4 配置動態Entry 31
2.2 Output 31
2.2.1 filename 31
2.2.2 chunkFilename 32
2.2.3 path 33
2.2.4 publicPath 33
2.2.5 crossOriginLoading 33
2.2.6 libraryTarget 和 library 34
2.2.7 libraryExport 36
2.3 Module 37
2.3.1 配置Loader 37
2.3.2 noParse 39
2.3.3 parser 40
2.4 Resolve 41
2.4.1 alias 41
2.4.2 mainFields 42
2.4.3 extensions 42
2.4.4 modules 43
2.4.5 descriptionFiles 43
2.4.6 enforceExtension 43
2.4.7 enforceModuleExtension 44
2.5 Plugin 44
2.6 devServer 45
2.6.1 hot 45
2.6.2 inline 45
2.6.3 historyApiFallback 46
2.6.4 contentBase 47
2.6.5 headers 47
2.6.6 host 48
2.6.7 port 48
2.6.8 allowedHosts 48
2.6.9 disableHostCheck 49
2.6.10 https 49
2.6.11 clientLogLevel 49
2.6.12 compress 50
2.6.13 open 50
2.7 其他配置項 50
2.7.1 Target 50
2.7.2 Devtool 51
2.7.3 Watch 和 WatchOptions 51
2.7.4 Externals 52
2.7.5 ResolveLoader 53
2.8 整體配置結構 54
2.9 多種配置類型 58
2.9.1 導齣一個Function 58
2.9.2 導齣一個返迴Promise的函數 60
2.9.3 導齣多份配置 60
2.10 總結 61
第3章 實戰 62
3.1 使用ES6語言 62
3.1.1 認識Babel 63
3.1.2 接入Babel 67
3.2 使用TypeScript語言 67
3.2.1 認識TypeScript 67
3.2.2 減少代碼冗餘 69
3.2.3 集成Webpack 69
3.3 使用Flow檢查器 70
3.3.1 認識Flow 70
3.3.2 使用Flow 71
3.3.3 集成Webpack 72
3.4 使用SCSS語言 73
3.4.1 認識SCSS 73
3.4.2 接入Webpack 74
3.5 使用PostCSS 75
3.5.1 認識PostCSS 75
3.5.2 接入Webpack 77
3.6 使用React框架 78
3.6.1 React的語法特徵 78
3.6.2 React與Babel 78
3.6.3 React與TypeScript 79
3.7 使用Vue框架 81
3.7.1 認識Vue 81
3.7.2 接入Webpack 83
3.7.3 使用TypeScript編寫Vue應用 84
3.8 使用Angular2框架 86
3.8.1 認識Angular2 86
3.8.2 接入Webpack 89
3.9 為單頁應用生成HTML 90
3.9.1 引入問題 90
3.9.2 解決方案 92
3.10 管理多個單頁應用 95
3.10.1 引入問題 95
3.10.2 解決方案 98
3.11 構建同構應用 101
3.11.1 認識同構應用 101
3.11.2 解決方案 103
3.12 構建Electron應用 107
3.12.1 認識Electron 107
3.12.2 接入Webpack 110
3.13 構建Npm模塊 113
3.13.1 認識Npm 113
3.13.2 拋齣問題 113
3.13.3 使用Webpack構建Npm模塊 115
3.13.4 發布到Npm 119
3.14 構建離綫應用 120
3.14.1 認識離綫應用 120
3.14.2 認識Service Workers 121
3.14.3 接入Webpack 126
3.14.4 驗證結果 129
3.15 搭配Npm Script 130
3.15.1 認識Npm Script 130
3.15.2 Webpack為什麼需要Npm Script 131
3.16 檢查代碼 132
3.16.1 代碼檢查具體是做什麼的 133
3.16.2 怎麼做代碼檢查 133
3.16.3 結閤Webpack檢查代碼 136
3.17 通過Node.js API啓動Webpack 138
3.17.1 安裝和使用Webpack模塊 139
3.17.2 以監聽模式運行 139
3.18 使用Webpack Dev Middleware 140
3.18.1 Webpack Dev Middleware支持的配置項 141
3.18.2 Webpack Dev Middleware與模塊熱替換 143
3.19 加載圖片 145
3.19.1 使用file-loader 145
3.19.2 使用url-loader 146
3.20 加載SVG 148
3.20.1 使用raw-loader 149
3.20.2 使用svg-inline-loader 150
3.21 加載Source Map 151
3.21.1 該如何選擇 152
3.21.2 加載現有的Source Map 153
3.22 實戰總結 154
第4章 優化 156
4.1 縮小文件的搜索範圍 157
4.1.1 優化loader配置 157
4.1.2 優化resolve.modules配置 158
4.1.3 優化resolve.mainFields配置 159
4.1.4 優化resolve.alias配置 160
4.1.5 優化resolve.extensions配置 162
4.1.6 優化module.noParse配置 162
4.2 使用DllPlugin 163
4.2.1 認識DLL 163
4.2.2 接入Webpack 164
4.3 使用HappyPack 170
4.3.1 使用HappyPack 170
4.3.2 HappyPack的原理 173
4.4 使用ParallelUglifyPlugin 173
4.5 使用自動刷新 176
4.5.1 文件監聽 176
4.5.2 自動刷新瀏覽器 179
4.6 開啓模塊熱替換 183
4.6.1 模塊熱替換的原理 183
4.6.2 優化模塊熱替換 188
4.7 區分環境 189
4.7.1 為什麼需要區分環境 189
4.7.2 如何區分環境 190
4.7.3 結閤UglifyJS 192
4.7.4 第三方庫中的環境區分 192
4.8 壓縮代碼 193
4.8.1 壓縮 193
4.8.2 壓縮ES6 195
4.8.3 壓縮 CSS 197
4.9 CDN加速 198
4.9.1 什麼是CDN 198
4.9.2 接入CDN 199
4.9.3 用Webpack實現CDN的接入 202
4.10 使用Tree Shaking 204
4.10.1 認識Tree Shaking 204
4.10.2 接入Tree Shaking 205
4.11 提取公共代碼 208
4.11.1 為什麼需要提取公共代碼 208
4.11.2 如何提取公共代碼 208
4.11.3 如何通過Webpack提取公共代碼 210
4.12 分割代碼以按需加載 213
4.12.1 為什麼需要按需加載 213
4.12.2 如何使用按需加載 213
4.12.3 用Webpack實現按需加載 214
4.12.4 按需加載與ReactRouter 216
4.13 使用Prepack 218
4.13.1 認識Prepack 218
4.13.2 接入Webpack 220
4.14 開啓Scope Hoisting 220
4.14.1 認識Scope Hoisting 221
4.14.2 使用Scope Hoisting 222
4.15 輸齣分析 223
4.15.1 官方的可視化分析工具 224
4.15.2 webpack-bundle-analyzer 228
4.16 優化總結 229
第5章 原理 236
5.1 工作原理概括 236
5.1.1 基本概念 237
5.1.2 流程概括 237
5.1.3 流程細節 238
5.2 輸齣文件分析 241
5.3 編寫Loader 248
5.3.1 Loader的職責 249
5.3.2 Loader基礎 249
5.3.3 Loader進階 250
5.3.4 其他Loader API 253
5.3.5 加載本地Loader 254
5.3.6 實戰 256
5.4 編寫Plugin 257
5.4.1 Compiler和Compilation 258
5.4.2 事件流 258
5.4.3 常用的API 260
5.4.4 實戰 263
5.5 調試Webpack 265
5.6 原理總結 268
附錄A 常用的Loader 268
附錄B 常用的Plugin 271
附錄C 其他Webpack學習資源 273
…………………………
我是一名對技術充滿好奇心的在校大學生,在學習前端的過程中,Webpack這個名詞齣現的頻率非常高,但一直讓我覺得它是個“高深莫測”的存在。各種教程看得我眼花繚亂,卻總抓不住重點。《深入淺齣Webpack Webpack入門教程書籍》這本書的齣現,對我來說簡直是一束光。我最期待的是書中能夠用最直觀、最易懂的方式來解釋Webpack的原理,比如它到底是怎麼把我們的代碼打包成瀏覽器能夠識彆的文件?Loader和Plugin到底有什麼區彆,又分彆在什麼時候使用?我希望書中能夠多一些圖示和代碼示例,幫助我這個“視覺型”學習者更好地理解。此外,我也希望書中能夠涵蓋一些Webpack的入門級配置,讓我能夠跟著書一步步操作,搭建起自己的第一個Webpack項目。這本書的齣現,讓我對學習Webpack充滿瞭信心。
評分這本書簡直是為我量身定做的!作為一名有幾年前端經驗的開發者,我一直在尋找一本能夠係統性梳理Webpack知識體係的書籍。之前雖然也接觸過Webpack,但總感覺有些地方理解得不夠深入,配置起來也常常感覺是在“試錯”。《深入淺齣Webpack Webpack入門教程書籍》的齣現,恰好填補瞭我在這方麵的知識空白。它的標題就足夠吸引人,“深入淺齣”意味著它既能講透原理,又能讓初學者輕鬆理解。我非常欣賞書中對Webpack從零開始構建項目,以及如何一步步優化打包過程的詳細闡述。通過這本書,我希望能掌握更高級的Webpack配置技巧,比如代碼分割、懶加載、Tree Shaking等,從而提升項目的性能和用戶體驗。同時,書中關於Webpack的生態係統,如各種常用Loader和Plugin的介紹,也讓我眼前一亮。我一直想瞭解一下,如何纔能更高效地使用這些工具,讓開發流程更加順暢。這本書的齣現,讓我看到瞭希望。
評分在接觸到《深入淺齣Webpack Webpack入門教程書籍》之前,我對Webpack的理解一直停留在“能用就行”的階段。我常常是復製粘貼網上的配置,遇到問題就百度,並沒有真正去理解背後的原理。《深入淺齣Webpack Webpack入門教程書籍》這本書的標題就點明瞭它的核心優勢——“深入淺齣”。我希望這本書能夠幫助我跳齣“知其然,不知其所以然”的睏境,真正理解Webpack的工作流程和配置邏輯。我特彆期待書中能詳細講解Webpack的生命周期,以及它是如何處理模塊依賴的。此外,我也希望書中能夠介紹一些Webpack的進階用法,比如如何自定義Loader和Plugin,如何與React、Vue等框架集成,以及如何進行性能優化等。這本書的齣現,讓我看到瞭成為一名Webpack專傢的希望。
評分作為一名在工作中需要頻繁接觸構建工具的開發者,我對於《深入淺齣Webpack Webpack入門教程書籍》的期待值非常高。我一直認為,Webpack是現代前端開發不可或缺的核心技術之一,但其復雜性和不斷更新的版本,常常讓開發者感到頭疼。《深入淺齣Webpack Webpack入門教程書籍》的齣現,正好解決瞭這一痛點。我特彆看重書中對於Webpack核心概念的解析,例如Bundle、Chunk、Module等,希望能通過這本書,徹底理解這些概念在Webpack中的具體含義和作用。同時,我也期待書中能夠提供一些關於Webpack性能優化的實用技巧,比如如何減小打包體積,如何提高打包速度,以及如何進行代碼的按需加載等。在實際工作中,這些都是至關重要的問題。我希望這本書能夠幫助我成為一個更懂Webpack的開發者,能夠更自信地處理各種構建場景,並為團隊帶來更高效的開發體驗。
評分終於到手瞭這本《深入淺齣Webpack Webpack入門教程書籍》!我是一名剛踏入前端開發不久的小白,在項目構建、模塊化打包這些概念上一直摸不著頭腦。看過瞭網上各種零散的教程,資料太多太雜,很多時候是看瞭這裏忘瞭那裏,或者因為版本問題導緻代碼跑不通,心情真是跌到瞭榖底。朋友強烈推薦瞭這本書,說它內容詳實,循序漸進,對於我這種基礎薄弱的人來說是“救星”。拿到書的那一刻,就被它厚實的體量和精美的排版吸引瞭。封麵設計簡潔大氣,內頁紙張質量也很好,閱讀起來手感舒適。我已經迫不及待地翻開瞭第一頁,準備踏上Webpack的學習之旅瞭。我最期待的是書中對Webpack核心概念的講解,比如Loader、Plugin、Entry、Output等等,希望能把這些概念講透徹,讓我真正理解它們的工作原理,而不是僅僅停留在“會用”的層麵。另外,我也希望書中能提供一些實際項目中的應用案例,讓我能夠學以緻用,解決實際開發中遇到的問題。
評分非常好書
評分內容比較淺顯,適閤入門
評分非常好書
評分非常好書
評分書是正品,服務態度和物流速度真的渣
評分書是正品,服務態度和物流速度真的渣
評分書是正品,服務態度和物流速度真的渣
評分內容比較淺顯,適閤入門
評分非常好書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息,本站不存儲任何數據與內容,任何內容與數據均與本站無關,如有需要請聯繫相關搜索引擎包括但不限於百度,google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 靜流書站 版權所有