深刻淺出 Webpack

深刻淺出 Webpack

評價

Webpack 憑藉強大的功能與良好的使用體驗，已經成爲目前最流行，社區最活躍的打包工具，是現代 Web 開發必須掌握的技能之一。做者結合自身的實戰經驗，介紹了 Webpack 的使用與常見優化方法、並深刻講解了 Webpack 原理與架構，相信各階段的 Webpack 用戶都能經過本書獲得啓發。

-- LeanCloud 聯合創始人/CEO 江宏

本書的內容包含多個主題，Webpack 的用法、配置、使用場景等都有涉及，而且提供全部示例的源碼，能夠補充 Webpack 官方文檔。

-- 阮一峯（著名技術博客，《ES6 標準入門》的做者）

我手邊須要這樣一本書，內容涵蓋Webpack，或者說涵蓋現代前端技術基礎、構建與優化的方方面面。若是你已經上手 Webpack，那麼本書將帶領你進一步學習，真正掌握 Webpack！

-- 陸金所前端架構師、前端外刊評論站長 寸志

版權許可

電子工業出版社持有本書全媒體形式的出版發行權利。

吳浩麟擁有本書的著做權。

其它人不能將本書用於商用用途，不能轉載，不能以任何形式發行，違者將追究法律責任。

目錄

• 前言

第1章 入門

• 1-1 前端的發展
• 1-2 常見的構建工具及對比
• 1-3 安裝與使用
• 1-4 使用 Loader
• 1-5 使用 Plugin
• 1-6 使用 DevServer
• 1-7 核心概念

第2章 配置

• 2-1 Entry
• 2-2 Output
• 2-3 Module
• 2-4 Resolve
• 2-5 Plugins
• 2-6 DevServer
• 2-7 其它配置項
• 2-8 總體配置結構
• 2-9 多種配置類型
• 2-10 配置總結

第3章 實戰

• 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 實戰總結

第4章 優化

• 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 優化總結

第5章 原理

• 5-1 工做原理歸納
• 5-2 輸出文件分析
• 5-3 編寫 Loader
• 5-4 編寫 Plugin
• 5-5 調試 Webpack
• 5-6 原理總結

附錄

• 經常使用 Loaders
• 經常使用 Plugins
• 其它 Webpack 學習資源