首頁 搜尋 我的知識庫
從 0 到 Webpack:學習 Modern Web 專案的建置方式(iT邦幫忙鐵人賽系列書)

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

作者: 陳欣平
出版社: 博碩
出版日期: 2021/09/02
ISBN-13: 9789864348626
書店 1






內容描述


手把手帶你進入 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 這項技術的運作方式。

  【本書範例】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邦幫忙鐵人賽並取得一次冠軍及一次佳作。






相關書籍

HTML5、CSS3、JavaScript、jQuery、Vue.js、RWD網頁設計(第八版)

Excel 職場聖經:731 技學好學滿,超值收錄《Excel × ChatGPT 上班族一定要會的 AI 工作術》影音教學手冊

React 思維進化:一次打破常見的觀念誤解,躍升專業前端開發者(iThome鐵人賽系列書)【軟精裝】

Linux核心除錯實務