主编推荐语
一本能指导读者零基础快速掌握Webpack并轻松进阶的实战性著作。
内容简介
本书作者是资深的前端工程师，在Webpack领域有深厚的积累，是知名开源打包工具YKit的主导者和核心开发者。本书从功能特性、工作原理、应用实践、性能优化4个维度对Webpack进行了全面的讲解，内容上尽力避免了网络上已经公开发表的各种资料和文档，而是从作者的实际经验出发，将更有价值的内容呈现给读者，尽量帮助读者少走弯路。全书一共10章：第1章是一个快速的指引，介绍了Webpack的概念、适用场景、开发环境搭建，以及如何快速上手。第2~7章详细讲解了Webpack的各项功能特性及其工作原理，同时讲解了它们的适用场景，以及如何付诸实践。第8~9章深入总结了打包的性能优化和开发环境的优化。第10章介绍了其他打包工具并对这些工具进行了各项特性的对比。
目录
- 版权信息
- 前言
- 第1章 Webpack简介
- 1.1 何为Webpack
- 1.2 为什么需要Webpack
- 1.2.1 何为模块
- 1.2.2 JavaScript中的模块
- 1.2.3 模块打包工具
- 1.2.4 为什么选择Webpack
- 1.3 安装
- 1.4 打包第一个应用
- 1.4.1 Hello World
- 1.4.2 使用npm scripts
- 1.4.3 使用默认目录配置
- 1.4.4 使用配置文件
- 1.4.5 webpack-dev-schmerver
- 1.5 本章小结
- 第2章 模块打包
- 2.1 CommonJS
- 2.1.1 模块
- 2.1.2 导出
- 2.1.3 导入
- 2.2 ES6 Module
- 2.2.1 模块
- 2.2.2 导出
- 2.2.3 导入
- 2.2.4 复合写法
- 2.3 CommonJS与ES6 Module的区别
- 2.3.1 动态与静态
- 2.3.2 值拷贝与动态映射
- 2.3.3 循环依赖
- 2.4 加载其他类型模块
- 2.4.1 非模块化文件
- 2.4.2 AMD
- 2.4.3 UMD
- 2.4.4 加载npm模块
- 2.5 模块打包原理
- 2.6 本章小结
- 第3章 资源输入输出
- 3.1 资源处理流程
- 3.2 配置资源入口
- 3.2.1 context
- 3.2.2 entry
- 3.2.3 实例
- 3.3 配置资源出口
- 3.3.1 filename
- 3.3.2 path
- 3.3.3 publicPath
- 3.3.4 实例
- 3.4 本章小结
- 第4章 预处理器
- 4.1 一切皆模块
- 4.2 loader概述
- 4.3 loader的配置
- 4.3.1 loader的引入
- 4.3.2 链式loader
- 4.3.3 loader options
- 4.3.4 更多配置
- 4.4 常用loader介绍
- 4.4.1 babel-loader
- 4.4.2 ts-loader
- 4.4.3 html-loader
- 4.4.4 handlebars-loader
- 4.4.5 file-loader
- 4.4.6 url-loader
- 4.4.7 vue-loader
- 4.5 自定义loader
- 4.6 本章小结
- 第5章 样式处理
- 5.1 分离样式文件
- 5.1.1 extract-text-webpack-plugin
- 5.1.2 多样式文件的处理
- 5.1.3 mini-css-extract-plugin
- 5.2 样式预处理
- 5.2.1 Sass与SCSS
- 5.2.2 Less
- 5.3 PostCSS
- 5.3.1 PostCSS与Webpack
- 5.3.2 自动前缀
- 5.3.3 stylelint
- 5.3.4 CSSNext
- 5.4 CSS Modules
- 5.5 本章小结
- 第6章 代码分片
- 6.1 通过入口划分代码
- 6.2 CommonsChunkPlugin
- 6.2.1 提取vendor
- 6.2.2 设置提取范围
- 6.2.3 设置提取规则
- 6.2.4 hash与长效缓存
- 6.2.5 CommonsChunkPlugin的不足
- 6.3 optimization.SplitChunks
- 6.3.1 从命令式到声明式
- 6.3.2 默认的异步提取
- 6.3.3 配置
- 6.4 资源异步加载
- 6.4.1 import()
- 6.4.2 异步chunk的配置
- 6.5 本章小结
- 第7章 生产环境配置
- 7.1 环境配置的封装
- 7.2 开启production模式
- 7.3 环境变量
- 7.4 source map
- 7.4.1 原理
- 7.4.2 source map配置
- 7.4.3 安全
- 7.5 资源压缩
- 7.5.1 压缩JavaScript
- 7.5.2 压缩CSS
- 7.6 缓存
- 7.6.1 资源hash
- 7.6.2 输出动态HTML
- 7.6.3 使chunk id更稳定
- 7.7 bundle体积监控和分析
- 7.8 本章小结
- 第8章 打包优化
- 8.1 HappyPack
- 8.1.1 工作原理
- 8.1.2 单个loader的优化
- 8.1.3 多个loader的优化
- 8.2 缩小打包作用域
- 8.2.1 exclude和include
- 8.2.2 noParse
- 8.2.3 IgnorePlugin
- 8.2.4 Cache
- 8.3 动态链接库与DllPlugin
- 8.3.1 vendor配置
- 8.3.2 vendor打包
- 8.3.3 链接到业务代码
- 8.3.4 潜在问题
- 8.4 tree shaking
- 8.4.1 ES6 Module
- 8.4.2 使用Webpack进行依赖关系构建
- 8.4.3 使用压缩工具去除死代码
- 8.5 本章小结
- 第9章 开发环境调优
- 9.1 Webpack开发效率插件
- 9.1.1 webpack-dashboard
- 9.1.2 webpack-merge
- 9.1.3 speed-measure-webpack-plugin
- 9.1.4 size-plugin
- 9.2 模块热替换
- 9.2.1 开启HMR
- 9.2.2 HMR原理
- 9.2.3 HMR API示例
- 9.3 本章小结
- 第10章 更多JavaScript打包工具
- 10.1 Rollup
- 10.1.1 配置
- 10.1.2 tree shaking
- 10.1.3 可选的输出格式
- 10.1.4 使用Rollup构建JavaScript库
- 10.2 Parcel
- 10.2.1 打包速度
- 10.2.2 零配置
- 10.3 打包工具的发展趋势
- 10.3.1 性能与通用性
- 10.3.2 配置极小化与工程标准化
- 10.3.3 WebAssembly
- 10.4 本章小结
评分及书评
- 给这本书评了4.0前端打包工具入门读物
身为后端，但工作需要指导前端开发。从头到尾看了一遍，弥补了不少前端基础。个人感觉作为打包工具的入门读物是很不错的。
给这本书评了5.0Webpack入门好书这本书非常简单明了的介绍了什么是 Webpack，为什么需要 Webpack 以及如何使用。还结合了最常见的场景给出了它的使用方法。最后对于一些技术还介绍了原理，而且介绍的通俗易懂。总的来说是非常好的入门书。
给这本书评了4.0值得一读。注意书中有些许错误，且 webpack5 之后，有些语法已更改。
- 查看全部4条书评
出版方
机械工业出版社有限公司
机械工业出版社是全国优秀出版社，自1952年成立以来，坚持为科技、为教育服务，以向行业、向学校提供优质、权威的精神产品为宗旨，以“服务社会和人民群众需求，传播社会主义先进文化”为己任，产业结构不断完善，已由传统的图书出版向着图书、期刊、电子出版物、音像制品、电子商务一体化延伸，现已发展为多领域、多学科的大型综合性出版社，涉及机械、电工电子、汽车、计算机、经济管理、建筑、ELT、科普以及教材、教辅等领域。
