JS高手昇華之路:Webpack是唯一的捷徑

  • 9 522
    580

配送方式

  • 台灣
    • 國內宅配:本島、離島
    • 到店取貨:
      金石堂門市 不限金額免運費
      7-11便利商店 ok便利商店 萊爾富便利商店 全家便利商店
  • 海外
    • 國際快遞:全球
    • 港澳店取:
      ok便利商店 順豐 7-11便利商店

內容簡介

Webpack 從許多建置工具中脫穎而出,成為目前最流行的建置工具,也幾乎成為前端開發裡的必備工具,是每位前端工程師的必備技能之一。

 

本書從實作出發,用簡單容易的實例帶領讀者快速入門Webpack,再結合實際工作中常用的場景列出實作案例,透過前3 章的學習足以讓我們解決工作中的常見問題;本書還介紹了如何最佳化建置的速度和輸出,並解析Webpack 的工作原理,以及Plugin 和Loader 的撰寫方法,可幫助讀者進一步學習Webpack。

 

本書從入門、設定、實戰、最佳化和原理的路線層層深入,涵蓋Webpack 的各方面。

無論是對 Webpack一無所知的初學者,還是經驗豐富的前端工程師,相信都能夠透過本書提升對Webpack的理解,並在Web開發中更熟練地運用Webpack。

    

適用: Webpack初學者、希望深入掌握Webpack的前端工程師。

作者

吳浩麟 

 

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

目錄

Chapter01 入門    

1.1 前端的發展

1.2 常見的建置工具及比較

1.3 安裝Webpack 

1.4 使用Loader

1.5 使用Plugin

1.6 使用DevServer

1.7 核心概念 

Chapter02 設定    

2.1 Entry

2.2 Output

2.3 Module

2.4 Resolve

2.5 Plugin

2.6 DevServer

2.7 其他設定項目

2.8 整體設定結構

2.9 多種設定類型

2.10 歸納       

Chapter03 實戰    

3.1 使用ES6 語言

3.2 使用TypeScript 語言

3.3 使用Flow 檢查器

3.4 使用SCSS 語言

3.5 使用PostCSS

3.6 使用React 架構

3.7 使用Vue 架構

3.8 使用Angular2 架構

3.9 為單頁應用產生HTML   

3.10 管理多個單頁應用

3.11 建置同構應用

3.12 建置Electron 應用

3.13 建置Npm 模組

3.14 建置離線應用

3.15 搭配Npm Script

3.16 檢查程式

3.17 透過Node.js API 啟動Webpack  

3.18 使用Webpack Dev Middleware

3.19 載入圖片

3.20 載入SVG

3.21 載入Source Map

3.22 實戰歸納

Chapter04 最佳化

4.1 縮小檔案的搜索範圍

4.2 使用DllPlugin

4.3 使用HappyPack

4.4 使用ParallelUglifyPlugin

4.5 使用自動更新  

4.6 開啟模組熱取代

4.7 區分環境

4.8 壓縮程式

4.9 CDN 加速

4.10 使用Tree Shaking

4.11 分析公共程式

4.12 分割程式以隨選載入

4.13 使用Prepack  

4.14 開啟Scope Hoisting

4.15 輸出分析

4.16 最佳化歸納    

Chapter05 原理    

5.1 工作原理概括

5.2 輸出檔案分析

5.3 撰寫Loader

5.4 撰寫Plugin

5.5 偵錯Webpack

5.6 原理歸納 

AppendixA 常用的Loader

AppendixB 常用的Plugin

AppendixC Webpack 的其他學習資源

序/導讀

前  言

 

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-intowebpack)以提Issue 的方式提出問題,作者將詳細解答。本書的簡體程式碼亦放在Github 該專案頁上,將會不定期更新,請讀者隨時造訪該頁面下載最新的程式碼,繁體程式碼更新時間為本書出版之時,請至本公司官網http://www.topteam.cc/ 對應本書的部分下載即可。

詳細資料

詳細資料

    • 語言
    • 中文繁體
    • 裝訂
    • 紙本平裝
    • ISBN
    • 9789863796640
    • 分級
    • 普通級
    • 頁數
    • 336
    • 商品規格
    • 23*17
    • 出版地
    • 台灣
    • 適讀年齡
    • 全齡適讀
    • 注音
    • 級別

商品評價

訂購/退換貨須知

加入金石堂 LINE 官方帳號『完成綁定』,隨時掌握出貨動態:

加入金石堂LINE官方帳號『完成綁定』,隨時掌握出貨動態
金石堂LINE官方帳號綁定教學

提醒您!!
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機,請不要聽從指示,以免受騙上當!

退換貨須知:

**提醒您,鑑賞期不等於試用期,退回商品須為全新狀態**

  • 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,以下商品購買後,除商品本身有瑕疵外,將不提供7天的猶豫期:
    1. 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮食品)
    2. 依消費者要求所為之客製化給付。(客製化商品)
    3. 報紙、期刊或雜誌。(含MOOK、外文雜誌)
    4. 經消費者拆封之影音商品或電腦軟體。
    5. 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等)
    6. 已拆封之個人衛生用品。(如:內衣褲、刮鬍刀、除毛刀…等)
  • 若非上列種類商品,均享有到貨7天的猶豫期(含例假日)。
  • 辦理退換貨時,商品(組合商品恕無法接受單獨退貨)必須是您收到商品時的原始狀態(包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等),請勿直接使用原廠包裝寄送,或於原廠包裝上黏貼紙張或書寫文字。
  • 退回商品若無法回復原狀,將請您負擔回復原狀所需費用,嚴重時將影響您的退貨權益。
金石堂門市 全家便利商店 ok便利商店 萊爾富便利商店 7-11便利商店
World wide