深入浅出 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 学习资源