
0人評分過此書
從0到Webpack:學習 Modern Web 專案的建置方式
手把手帶你進入 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 這項技術的運作方式。
☛深入解說 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 這項技術的運作方式。
-
CHAPTER 01 寫在 Webpack 之前
-
網頁應用程式架構的變遷
-
JavaScript 的模組化之路
-
新技術的崛起
-
提升網頁效能
-
各類工具的出現
-
第一章 總結
-
-
CHAPTER 02 認識 Webpack
-
介紹 Webpack
-
第一個 Webpack 應用程式
-
安裝 Webpack
-
使用 Webpack
-
使用 Loaders
-
使用 Plugins
-
使用 DevServer
-
為什麼是 Webpack
-
第二章 總結
-
-
CHAPTER 03 配置 Webpack
-
配置物件
-
入口 Entry
-
輸出 Output
-
解析 Resolve
-
模組 Module 的規則判定
-
模組 Module 的處理
-
配置 Plugins
-
監聽 Watch
-
Source Map
-
Dev Tool
-
最佳化 Optimization 與模式 Mode
-
配置檔的種類
-
使用 Nodejs API 操作 Webpack
-
第三章 總結
-
-
CHAPTER 04 真實世界的 Webpack
-
使用 Webpack 開發 JavaScript 應用
-
使用 Style
-
載入圖片資源
-
配置多模式專案
-
Module Federation
-
第四章 總結
-
-
CHAPTER 05 使用 Webpack 優化環境體驗
-
建立 Webpack 開發環境
-
建立 Webpack 生產環境 - 減小體積
-
建立 Webpack 生產環境 - 切割代碼
-
建立 Webpack 生產環境 - 快取
-
建立 Webpack 生產環境 - 追蹤建置
-
第五章 總結
-
-
CHAPTER 06 解構 Webpack
-
Bundle 導讀
-
自己動手寫 Webpack
-
Loader 的內部構造
-
Plugin 的內部構造
-
第六章 總結
-
-
CHAPTER 07 Webpack 之後
-
使用 Snowpack 以原生模組系統建置專案
-
第七章 總結
-
- 結語
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分