從 0 到 Webpack 學習 Modern Web 專案的建置方式（iT邦幫忙鐵人賽系列書）
陳欣平（Peter Chen）
- 出版商: 博碩 iThome鐵人賽系列書｜任選2書75折
- 出版日期: 2021-09-02
- 定價: $620
- 售價: 7.8 折 $483
- 語言: 繁體中文
- 頁數: 448
- 裝訂: 平裝
- ISBN: 9864348620
- ISBN-13: 9789864348626
-
相關分類:
Webpack
立即出貨(限量) (庫存=5)
買這商品的人也買了...
-
為你自己學 Git$500$390 -
0 陷阱！0 誤解！8 天重新認識 JavaScript！（iT邦幫忙鐵人賽系列書）$550$467 -
讓 TypeScript 成為你全端開發的 ACE！（iT邦幫忙鐵人賽系列書）$650$507 -
金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎（iT邦幫忙鐵人賽系列書）$560$436 -
和艦長一起 30 天玩轉 GitLab（iT邦幫忙鐵人賽系列書）$500$390 -
在 React 生態圈打滾的一年 feat.TypeScript（iT邦幫忙鐵人賽系列書）$550$429 -
突破困境：資安開源工具應用（iT邦幫忙鐵人賽系列書）$550$467 -
重新認識 Vue.js：008天絕對看不完的 Vue.js 3 指南$600$468 -
生活資安五四三！：從生活周遭看風險與資訊安全（iT邦幫忙鐵人賽系列書）$500$390 -
前端三十：從 HTML 到瀏覽器渲染的前端開發者必備心法（iT邦幫忙鐵人賽系列書）$550$429 -
JavaScript 概念三明治：基礎觀念、語法原理一次帶走！（iT邦幫忙鐵人賽系列書）$600$510 -
善用 UX 來提升 UU：打造滿足新手和專家的 UI（iT邦幫忙鐵人賽系列書）$450$351 -
超大流量系統解決方案 : 大型網站架構師的經驗分享$690$538 -
打通 RxJS 任督二脈：從菜雞前進老鳥必學的關鍵知識（iT邦幫忙鐵人賽系列書）$620$483 -
深入淺出設計模式, 2/e (Head First Design Patterns: Building Extensible and Maintainable Object-Oriented Software, 2/e)$980$774 -
30天與 Docker 做好朋友：跟鯨魚先生一同探索開發者的大平台（iT邦幫忙鐵人賽系列書）$600$396 -
設計重構：25個管理技術債的技巧消除軟體設計臭味 (Refactoring for Software Design Smells: Managing Technical Debt)$520$405 -
WebSecurity 網站滲透測試：Burp Suite 完全學習指南 （iT邦幫忙鐵人賽系列書）$600$468 -
你所不知道的必學前端 Debug 技巧：即學即用！讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$483 -
前端框架 Svelte 上手指南：從基本介紹到 UI 實戰與測試（iT邦幫忙鐵人賽系列書）$600$468 -
ECMAScript 關鍵 30天：ES5 到 ESNext 精準進擊 JS 語法與核心（iT邦幫忙鐵人賽系列書）$600$468 -
Visual Studio Code 實用指南：官方文件沒有詳述的 Extension 觀念、命令組合技與鍵位客製化技巧（iT邦幫忙鐵人賽系列書）$600$468 -
JavaScript 多執行緒｜超越事件迴圈的並行 (Multithreaded JavaScript)$580$458 -
JS 絕對版本相容性 - Webpack + Babel 完美結合 開發實戰$620$489 -
從 Hooks 開始，讓你的網頁 React 起來 (第二版)（iT邦幫忙鐵人賽系列書）$720$561
iThome鐵人賽系列書｜任選2書75折 詳見活動內容 »
-
78折
LINE Bot Side Project 實戰 : 從設計思考到部署與產品變現的 16堂關鍵必修課（iThome鐵人賽系列書）$660$514 -
78折
Claude 工作術：從 Chat、Projects、Skills 到 Cowork 與 Claude Code 的 AI 自動化之路（iThome鐵人賽系列書）$690$538 -
78折
專案管理胃痛圖鑑：從臨床診斷到重症急救，31 帖 PM 生存處方藥到病除！（iThome鐵人賽系列書）$680$530 -
78折
Unity × 設計 × 互動邏輯的遊戲開發全攻略：不會寫程式也能做遊戲，從零開始完成你的第一款 3D遊戲（iThome鐵人賽系列書）$660$514 -
78折
範例驅動的需求澄清術：如何用精準範例指揮 GenAI 建構高品質軟體（iThome鐵人賽系列書）$680$530 -
78折
作業系統的專武：DevSecOps 在客戶端、廠商端與資安的實戰維運攻略（iThome鐵人賽系列書）$620$483 -
78折
Node.js 生成式 AI 應用開發實戰：實作 OpenAI API × LangChain × LangGraph × RAG，打造從雲端到本地 LLM 的混合式安全架構（iThome鐵人賽系列書）$680$530 -
78折
Vibe Unity | AI 遊戲開發工作流：打破極限，創造一款具有無限可能性的遊戲！（iThome鐵人賽系列書）$680$530 -
78折
一生受用的求職方法：量化求職—海外求職、頂尖外商與遠距求職必備攻略（iThome鐵人賽系列書）$690$538 -
78折
零基礎玩轉 LLM 應用全攻略：Python × No-Code 實作 AI 開發超簡單（iThome鐵人賽系列書）$690$538 -
78折
我阿嬤都比你會測試：從生活智慧建立測試思維，到自動化與 AI 的完整進化（iThome鐵人賽系列書）$620$483 -
78折
UI 自動化測試與 AI 應用實戰：實作 Robot Framework × Playwright × Appium 從 Web、App 到 CI/CD 流程整合全方位攻略（iThome鐵人賽系列書）$650$507 -
78折
AI 時代的 Side Project 全攻略：產品思維 × 專案管理 × 變現路徑（iThome鐵人賽系列書）$690$538 -
78折
程式人的第一本 Python 量化投資筆記：Colab 即時演練 × Backtrader 策略設計到績效評估全流程（iThome鐵人賽系列書）$600$468 -
78折
今晚來點 Web 前端效能優化大補帖：從效能優化掌握前端開發的底層邏輯 全彩版（iThome鐵人賽系列書）$720$561 -
78折
Grafana Zero to Hero：從視覺化到智慧監控，打造全知視角的可觀測性平台（iThome鐵人賽系列書）$720$561 -
78折
猴子也能懂的電腦對局：從入門到實戰帶你打造遊戲 AI（iThome鐵人賽系列書）$650$507 -
78折
AI 最強調整術：使用最佳化演算法，打造頂級機器學習模型 (iThome鐵人賽系列書)$650$507 -
78折
為你寫的 Vue Components：從原子到系統，一步步用設計思維打造面面俱到的元件實戰力 (iThome鐵人賽系列書)$780$608 -
78折
AI 程式設計、深度學習與 LLM 入門到精通：PyTorch × GPT × Transformer × LLaMA 實作指南（iThome鐵人賽系列書）$650$507 -
78折
30天整頓職場！從徵才陷阱到離職黑箱，應對話術 × 舉證對策 × 職場防線一書掌握（iThome鐵人賽系列書）$600$468 -
78折
LangGraph 實戰開發 AI Agent 全攻略：掌握 AI 模型 × 工作流程 × 設計應用，從零打造智慧分工多代理協作系統（iThome鐵人賽系列書)$660$514 -
78折
Browser Web API 攻略大全：從開箱即用的實作範例開始，逐步掌握開發技巧（iThome鐵人賽系列書）$650$507 -
78折
想要 SSR? 快使用 Nuxt 吧!：Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化（iThome鐵人賽系列書）$780$608 -
78折
RAG × LangChain 整合應用：從問診機器人開始，打造可信任的 AI 系統 (iThome鐵人賽系列書)$600$468
商品描述
手把手帶你進入 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 這項技術的運作方式。
【本書範例】
作者簡介
陳欣平（Peter Chen）
六年的程式經歷，接觸許多不同的語言與技術，尤其鍾愛前端領域，目前為專職的前端工程師。
喜愛研究各式各樣的技術，並將所學整理成文章，曾擔任Modern Web講者。
參加過三屆的iT邦幫忙鐵人賽並取得一次冠軍及一次佳作
目錄大綱
前言
第一章：寫在 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 以原生模組系統建置專案
- 第七章總結
結語
