從 0 到 Webpack：學習 Modern Web 專案的建置方式（iT邦幫忙鐵人賽系列書）

購買商店

---

從 0 到 Webpack：學習 Modern Web 專案的建置方式（iT邦幫忙鐵人賽系列書）

$310.00

馬上購買

---

內容描述

---

手把手帶你進入 Webpack 的世界，讓你從不懂到很會！

☛深入解說 webpack 發明的原因
☛完整學習 webpack 的基礎概念
☛多樣的範例展示 webpack 的各種功能
☛利用 webpack 建構出現代 web 專案

本書內容改編自第12屆iT邦幫忙鐵人賽，Modern Web組佳作網路系列文章──《尋覓 webpack - 藉由 webpack 學習網頁前端工程的精妙之處》，內容範圍從 webpack 發明的原因開始講起，到如何使用 webpack 建置出理想的專案，是本完整介紹 webpack 的專書。webpack 是 JavaScript 的建置工具，它被許多的專案所使用，因此理解 webpack 就能了解專案的建置方式，可以藉此獲得更多建置專案的想法。本書不僅說明 webpack 的使用方式，也會解析webpack 發明的原因與內部的原理，以各種面向講解 webpack 這個專案建置的核心工具。

內容重點

◆深入解析 Webpack 熱門的理由
讓我們回到 webpack 還未出現時的時空，說明當時的網頁專案發生的變化以及促使 webpaack 誕生的原因，從源頭探明 webpack 為何會受如此多人的喜愛。

◆從基礎概念了解 Webpack
許多人對於 webpack 的了解都僅限於各種配置選項，並沒有全盤地理解，本書以基礎概念說起，讓讀者可以理解 webpack 的設計理念，使得未來在做配置時可以有個全面的理解，避免錯誤的產生。

◆大量的範例說明解析 Webpack 的各種配置
webpack 學習曲線陡峭，除了其自成一套的概念外，另一個原因就是因為功能豐富而擁有多樣的配置選項，本書使用大量的範例說明各種重要的配置，讓讀者對於各選項有更具體的了解。

◆以真實的需求說明 Webpack 的各項配置
學習配置後，利用各種情境模擬，說明 webpack 配置的方式，讓讀者可以深入理解各個配置的使用方式以及運用時機。

◆探索 Webpack 內部構造
解構 webpack 的內部原理，藉以通盤了解 webpack 這項技術的運作方式。
 
【本書範例】
https://github.com/peterhpchen/book-webpack-examples

目錄大綱

---

前言

第一章：寫在 Webpack 之前

• 網頁應用程式架構的變遷
• JavaScript 的模組化之路
• 新技術的崛起
• 提升網頁效能
• 各類工具的出現
• 第一章總結

第二章：認識 Webpack

• 介紹 Webpack
• 第一個 Webpack 應用程式
• 安裝 Webpack
• 使用 Webpack
• 使用 Loaders
• 使用 Plugins
• 使用 DevServer
• 為什麼是 Webpack
• 第二章總結

第三章：配置 Webpack

• 配置物件
• 入口 Entry
• 輸出 Output
• 解析 Resolve
• 模組 Module 的規則判定
• 模組 Module 的處理
• 配置 Plugins
• 監聽 Watch
• Source Map
• Dev Tool
• 最佳化 Optimization 與模式 Mode
• 配置檔的種類
• 使用 Node.js API 操作 Webpack
• 第三章總結

第四章：真實世界的 Webpack

• 使用 Webpack 開發 JavaScript 應用
• 使用 Style
• 載入圖片資源
• 配置多模式專案
• Module Federation
• 第四章總結

第五章：使用 Webpack 優化環境體驗

• 建立 Webpack 開發環境
• 建立 Webpack 生產環境 - 減小體積
• 建立 Webpack 生產環境 - 切割代碼
• 建立 Webpack 生產環境 - 快取
• 建立 Webpack 生產環境 - 追蹤建置
• 第五章總結

第六章：解構 Webpack

• Bundle 導讀
• 自己動手寫 Webpack
• Loader 的內部構造
• Plugin 的內部構造
• 第六章總結

第七章：Webpack 之後

• 使用 Snowpack 以原生模組系統建置專案
• 第七章總結

結語

作者介紹

---

陳欣平（Peter Chen）

六年的程式經歷，接觸許多不同的語言與技術，尤其鍾愛前端領域，目前為專職的前端工程師。
喜愛研究各式各樣的技術，並將所學整理成文章，曾擔任Modern Web講者。
參加過三屆的iT邦幫忙鐵人賽並取得一次冠軍及一次佳作。

---