Webpack实战：入门、进阶与调优
作者是资深前端工程师，Webpack技术专家，知名开源打包工具YKit主导者和核心开发者
从功能特性、工作原理、应用实践、性能优化4个维度全面讲解Webpack，指导读者快速入门并轻松进阶
从功能特性、工作原理、应用实践、性能优化4个维度全面讲解Webpack，指导读者快速入门并轻松进阶
基本信息
【插图】
编辑推荐
作者是资深前端工程师，Webpack技术专家，知名开源打包工具YKit主导者和核心开发者
从功能特性、工作原理、应用实践、性能优化4个维度全面讲解Webpack，
指导读者快速入门并轻松进阶
Webpack实战
入门、进阶与调优
Webpack in Action
居玉皓 著
内容简介
书籍
计算机书籍
内容简介
这是一本能指导读者零基础快速掌握Webpack并轻松进阶的实战性著作。
作者是资深的前端工程师，在Webpack领域有深厚的积累，是知名开源打包工具YKit的主导者和核心开发者。本书从功能特性、工作原理、应用实践、性能优化4个维度对Webpack进行了全面的讲解，内容上尽力避免了网络上已经公开发表的各种资料和文档，而是从作者的实际经验出发，将更有价值的内容呈现给读者，尽量帮助读者少走弯路。
全书一共10章：
第1章是一个快速的指引，介绍了Webpack的概念、适用场景、开发环境搭建，以及如何快速上手。
第2~7章详细讲解了Webpack的各项功能特性及其工作原理，同时讲解了它们的适用场景，以及如何付诸实践。
第8~9章深入总结了打包的性能优化和开发环境的优化。
第10章介绍了其他打包工具并对这些工具进行了各项特性的对比。
计算机书籍
内容简介
这是一本能指导读者零基础快速掌握Webpack并轻松进阶的实战性著作。
作者是资深的前端工程师，在Webpack领域有深厚的积累，是知名开源打包工具YKit的主导者和核心开发者。本书从功能特性、工作原理、应用实践、性能优化4个维度对Webpack进行了全面的讲解，内容上尽力避免了网络上已经公开发表的各种资料和文档，而是从作者的实际经验出发，将更有价值的内容呈现给读者，尽量帮助读者少走弯路。
全书一共10章：
第1章是一个快速的指引，介绍了Webpack的概念、适用场景、开发环境搭建，以及如何快速上手。
第2~7章详细讲解了Webpack的各项功能特性及其工作原理，同时讲解了它们的适用场景，以及如何付诸实践。
第8~9章深入总结了打包的性能优化和开发环境的优化。
第10章介绍了其他打包工具并对这些工具进行了各项特性的对比。
作译者
居玉皓 著：居玉皓
资深前端开发工程师，目前就职于美国在线流媒体平台Tubi TV，曾就职于去哪儿网，负责前端基础架构的建设，并主导开发了知名的开源打包工具YKit。
长期专注于前端构建领域，对Webpack有深入的研究，积累了丰富的实践经验，在国内为Webpack的发展和普及做了较多的努力和贡献。
资深前端开发工程师，目前就职于美国在线流媒体平台Tubi TV，曾就职于去哪儿网，负责前端基础架构的建设，并主导开发了知名的开源打包工具YKit。
长期专注于前端构建领域，对Webpack有深入的研究，积累了丰富的实践经验，在国内为Webpack的发展和普及做了较多的努力和贡献。
目录
前言
第1章 Webpack简介1
1.1 何为Webpack1
1.2 为什么需要Webpack2
1.2.1 何为模块2
1.2.2 JavaScript中的模块3
1.2.3 模块打包工具4
1.2.4 为什么选择Webpack5
1.3 安装5
1.4 打包第一个应用7
1.4.1 Hello World7
1.4.2 使用npm scripts9
1.4.3 使用默认目录配置10
1.4.4 使用配置文件10
1.4.5 webpack-dev-server13
1.5 本章小结15
第2章 模块打包17
2.1 CommonJS17
2.1.1 模块18
2.1.2 导出18
第1章 Webpack简介1
1.1 何为Webpack1
1.2 为什么需要Webpack2
1.2.1 何为模块2
1.2.2 JavaScript中的模块3
1.2.3 模块打包工具4
1.2.4 为什么选择Webpack5
1.3 安装5
1.4 打包第一个应用7
1.4.1 Hello World7
1.4.2 使用npm scripts9
1.4.3 使用默认目录配置10
1.4.4 使用配置文件10
1.4.5 webpack-dev-server13
1.5 本章小结15
第2章 模块打包17
2.1 CommonJS17
2.1.1 模块18
2.1.2 导出18
前言
本书是我从2017年冬天开始动笔的。在写作本书之前的一段时间，我一直负责与前端项目构建相关的工作，也曾做过一系列Webpack在线课程，但是当接到写一本关于Webpack的书的提议时，我着实犹豫了很久。最大的担忧在于Webpack本身已经有详尽的文档，社区中也有无数关于它的博客文章，自己如何能找到一个新的角度，让读者有所受益。
于是我开始回想自己最初学习Webpack时的经历—在了解它的过程中遇到哪些曲折，使用时碰到了哪些问题，有哪些点是我觉得如果当初我早就知道就好了的。通过回忆这些曾遇到过的磕磕绊绊，我逐渐找到了写作本书的出发点—用我的语言尽可能简单、直白地介绍Webpack，让从来没有接触过Webpack的开发者也可以比较容易上手；同时把我所趟过的一些坑写出来，让读到的人少走一些弯路。
有时能听到一种戏称—Webpack 配置工程师，从这里面大概能体会到Webpack的使用并不简单。而这本书的作用之一大概就是把里面比较晦涩的部分解释清楚，让大家了解Webpack是怎么工作的，它其实并不神秘。
本书内容
本书共10章。第1章是一个导引，对Webpack有一定基础的读者可以选择略过。第2章从头梳理了模块的概念。第3章至第7章介绍了Webpack的各项特性以及基本的使用场景。第8章和第9章则是进一步的优化以及一些高级的使用方法 。最后第10章介绍了其他打包工具并对这些工具进行了各项特性的对比。
代码示例
书中有很多代码片段，为了在线运行方便，我在GitHub上整理了一个示例仓库，如果需要，可以到https://github.com/yuhaoju/webpack-config-handbook进行查看。
致谢
我要特别感谢我的朋友们 。写书是一个漫长而孤独的过程，在此期间我得到了很多鼓励和督促。有些时候朋友还要担当我的校对者，即便对书中的内容不了解也会帮忙查看其中的错误 ，并提出阅读体验方面的建议，对我整本书的写作有很大的帮助。
同时要感谢杨福川和李艺两位编辑，在前期规划以及写作本书的过程中给予我不少指导，没有他们就不可能有这本书的顺利完成。
最后，感谢阅读本书的你，希望你能喜欢。
于是我开始回想自己最初学习Webpack时的经历—在了解它的过程中遇到哪些曲折，使用时碰到了哪些问题，有哪些点是我觉得如果当初我早就知道就好了的。通过回忆这些曾遇到过的磕磕绊绊，我逐渐找到了写作本书的出发点—用我的语言尽可能简单、直白地介绍Webpack，让从来没有接触过Webpack的开发者也可以比较容易上手；同时把我所趟过的一些坑写出来，让读到的人少走一些弯路。
有时能听到一种戏称—Webpack 配置工程师，从这里面大概能体会到Webpack的使用并不简单。而这本书的作用之一大概就是把里面比较晦涩的部分解释清楚，让大家了解Webpack是怎么工作的，它其实并不神秘。
本书内容
本书共10章。第1章是一个导引，对Webpack有一定基础的读者可以选择略过。第2章从头梳理了模块的概念。第3章至第7章介绍了Webpack的各项特性以及基本的使用场景。第8章和第9章则是进一步的优化以及一些高级的使用方法 。最后第10章介绍了其他打包工具并对这些工具进行了各项特性的对比。
代码示例
书中有很多代码片段，为了在线运行方便，我在GitHub上整理了一个示例仓库，如果需要，可以到https://github.com/yuhaoju/webpack-config-handbook进行查看。
致谢
我要特别感谢我的朋友们 。写书是一个漫长而孤独的过程，在此期间我得到了很多鼓励和督促。有些时候朋友还要担当我的校对者，即便对书中的内容不了解也会帮忙查看其中的错误 ，并提出阅读体验方面的建议，对我整本书的写作有很大的帮助。
同时要感谢杨福川和李艺两位编辑，在前期规划以及写作本书的过程中给予我不少指导，没有他们就不可能有这本书的顺利完成。
最后，感谢阅读本书的你，希望你能喜欢。
媒体评论
YKit是去哪儿的开源项目，是Webpack在构建领域的优秀实践。玉皓是YKit的核心开发工程师，由他来写Webpack方面的书是非常合适的。本书聚焦在Webpack及上下游的必要知识点上，Webpack机制和周边常用工具模块讲得比较透彻，简单易懂，从实战角度对代码分割、HMR、plugin、loader等进行了分析。本书非常适合想深入学习Webpack的读者。
——狼叔（网名i5ting） Node.js布道者/Node全栈公众号作者
在Webpack被广泛应用之前，基于Grunt、Gulp、RequireJS的打包工具在配置文件、长效缓存、代码热替换、代码分割等方面支离破碎的方案消耗了前端开发者相当多的时间精力，Webpack的流行无疑给前端开发构建带来了明亮的指引。
——题叶
严谨、认真、细心、极客是玉皓的标签。几年来，他在前端构建领域倾注了非常多的精力，并打造出了YKit这样一个覆盖“去哪儿”全业务线的前端利器，并将其开源。本书很好地承载了玉皓的丰富经验，毫无保留地将Webpack的魅力向大家娓娓道来。我相信任何前端从业者通过阅读此书，都能看到Webpack的全貌，并将之应用到实践之中。它像是一个领路者，非常精巧地帮助大家快速迈过学习的障碍。
——杜瑶 原去哪儿网高级技术总监/美团研究员
——狼叔（网名i5ting） Node.js布道者/Node全栈公众号作者
在Webpack被广泛应用之前，基于Grunt、Gulp、RequireJS的打包工具在配置文件、长效缓存、代码热替换、代码分割等方面支离破碎的方案消耗了前端开发者相当多的时间精力，Webpack的流行无疑给前端开发构建带来了明亮的指引。
——题叶
严谨、认真、细心、极客是玉皓的标签。几年来，他在前端构建领域倾注了非常多的精力，并打造出了YKit这样一个覆盖“去哪儿”全业务线的前端利器，并将其开源。本书很好地承载了玉皓的丰富经验，毫无保留地将Webpack的魅力向大家娓娓道来。我相信任何前端从业者通过阅读此书，都能看到Webpack的全貌，并将之应用到实践之中。它像是一个领路者，非常精巧地帮助大家快速迈过学习的障碍。
——杜瑶 原去哪儿网高级技术总监/美团研究员
