Webpack卓效Web前端開發建置工具強能技術 | 誠品線上

Webpack卓效Web前端開發建置工具強能技術

作者 吳浩麟
出版社 佳魁資訊股份有限公司
商品描述 Webpack卓效Web前端開發建置工具強能技術:循序入門、設定、實戰、最佳化和原理層層深進,涵蓋Webpack各方面及特性解析。提供對應的完整專案程式資源,適用Webpack的任何穩

內容簡介

內容簡介 循序入門、設定、實戰、最佳化和原理層層深進,涵蓋Webpack各方面及特性解析。提供對應的完整專案程式資源,適用Webpack的任何穩定版本。Webpack 從許多建置工具中脫穎而出,成為前端開發必備工具,是每位前端工程師必備技能。本書從實作出發, 用簡單容易的實例帶領讀者快速入門Webpack,再結合實際工作中常用的場景列出實作案例,解決工作中的常見問題。本書還介紹了如何最佳化建置的速度和輸出,並解析Webpack 的工作原理,以及Plugin 和Loader 的撰寫方法,可幫助讀者進一步學習Webpack。無論是對Webpack一無所知的初學者,還是經驗豐富的前端工程師,相信都能透過本書對Webpack的理解,並在Web開發中更熟練地運用Webpack。適用:Webpack初學者、希望深入掌握Webpack的前端工程師。

作者介紹

作者介紹 吳浩麟吳浩麟一線前端工程師,曾就職於騰訊,現就職於美團。專注於Web開發,參與過眾多大型Web專案的構建、設計和開發,喜歡探索Web前沿技術。也是Golang和音視頻技術的愛好者,活躍於GitHub,ID為gwuhaolin。

產品目錄

產品目錄 前言Chapter01 入門1.1 前端的發展1.2 常見的建置工具及比較1.3 安裝Webpack1.4 使用Loader1.5 使用Plugin1.6 使用DevServer1.7 核心概念.Chapter02 設定2.1 Entry2.2 Output2.3 Module2.4 Resolve2.5 Plugin2.6 DevServer2.7 其他設定項目2.8 整體設定結構2.9 多種設定類型2.10 歸納Chapter03 實戰3.1 使用ES6語言3.2 使用TypeScript語言3.3 使用Flow檢查器3.4 使用SCSS語言3.5 使用PostCSS3.6 使用React架構3.7 使用Vue架構3.8 使用Angular2架構3.9 為單頁應用產生HTML3.10 管理多個單頁應用3.11 建置同構應用3.12 建置Electron應用3.13 建置Npm模組3.14 建置離線應用3.15 搭配Npm Script3.16 檢查程式3.17 透過Node.js API啟動Webpack3.18 使用Webpack Dev Middleware3.19 載入圖片3.20 載入SVG3.21 載入Source Map3.22 實戰歸納Chapter04 最佳化4.1 縮小檔案的搜索範圍4.2 使用DllPlugin4.3 使用HappyPack4.4 使用ParallelUglifyPlugin4.5 使用自動更新4.6 開啟模組熱取代4.7 區分環境4.8 壓縮程式4.9 CDN加速4.10 使用Tree Shaking4.11 分析公共程式4.12 分割程式以隨選載入4.13 使用Prepack4.14 開啟Scope Hoisting4.15 輸出分析4.16 最佳化歸納Chapter05 原理5.1 工作原理概括5.2 輸出檔案分析5.3 撰寫Loader5.4 撰寫Plugin5.5 偵錯Webpack5.6 原理歸納AppendixA 常用的LoaderAppendixB 常用的PluginAppendixC Webpack的其他學習資源

商品規格

書名 / Webpack卓效Web前端開發建置工具強能技術
作者 / 吳浩麟
簡介 / Webpack卓效Web前端開發建置工具強能技術:循序入門、設定、實戰、最佳化和原理層層深進,涵蓋Webpack各方面及特性解析。提供對應的完整專案程式資源,適用Webpack的任何穩
出版社 / 佳魁資訊股份有限公司
ISBN13 / 9789863797791
ISBN10 / 9863797790
EAN / 9789863797791
誠品26碼 / 2681815300004
頁數 / 336
開數 / 18K
注音版 /
裝訂 / P:平裝
語言 / 1:中文 繁體
尺寸 / 17X23X1.5CM
級別 / N:無

最佳賣點

最佳賣點 : 模組化打包/多方位支援管理/效能優化/不侷限於Web開發

試閱文字

自序 : 前言
Web應用日益複雜,相關開發技術也百花齊放,這對前端建置工具提出了更高的要求。Webpack從許多建置工具中脫穎而出,成為目前最流行的建置工具,也幾乎成為目前前端開發裡的必備工具之一,因此每位前端工程師都應該掌握Webpack。
本書從實作出發,用簡單容易的實例帶領讀者快速入門Webpack,再結合實際工作中常用的場景列出實作案例,透過前3章的學習足以讓我們解決工作中的常見問題;本書還介紹了如何最佳化建置的速度和輸出,並解析了Webpack的工作原理,以及Plugin和Loader的撰寫方法,可幫助讀者進一步學習Webpack。本書按照入門、設定、實戰、最佳化和原理的路線層層深入,涵蓋了Webpack的各方面。
在撰寫本書時,Webpack已經到了3.8.1版本,本書涵蓋了對該版本的特性解析。由於Webpack從版本1到現在,其核心思想和API沒有發生很大的變化,所以本書的大部分內容適用於Webpack的任何穩定版本,但部分實例程式只適用於最新版本。
本書的每一小節都會提供與之對應的完整專案程式,在每節的最後附有下載連結,它們都有詳細的註釋並且可以正常執行,讀者可以在需要時下載這些程式。
在閱讀本書前,讀者需要掌握基本的Web開發技術,因為本書專注於Webpack,不會詳細介紹其他不相關的內容。
閱讀本書時,如果遇到任何不明白的地方,可以在本書的GitHub專案首頁上(https://github.com/gwuhaolin/dive-into-webpack)以提Issue的方式提出問題,作者將詳細解答。本書的簡體程式碼亦放在Github該專案頁上,將會不定期更新,請讀者隨時造訪該頁面下載最新的程式碼,繁體程式碼更新時間為本書出版之時,請至本公司官網http://www.topteam.cc/對應本書的部分下載即可。