《Webpack+Babel入门与实例详解》内容简介

这是一本针对零基础前端开发者讲解Webpack与Babel使用方法的图书。随着前端工程的不断发展，Webpack与Babel已成为前端开发的两大核心工具。目前，Webpack是前端开发的主流构建工具，Babel是转译ES6代码的通用解决方案。
本书由两大部分构成，第一部分介绍Webpack，第二部分介绍Babel。Webpack部分讲解了Webpack的安装、资源入口与出口、预处理器与插件的配置、开发环境与生产环境的配置、性能优化及构建原理等。Babel部分讲解了Babel入门知识、Babel的配置文件、预设与插件的选择、babel-polyfill的使用方法，以及@babel/preset-env和@babel/plugin-transform-runtime这两个核心配置项的使用方法，这一部分还会讲解Babel的原理及Babel插件的开发。最后，在附录中介绍了Module Federation与微前端，以及Babel 8前瞻等内容。
本书主要使用的Webpack版本是v5.21.2，但对v5.0.0之后的版本都适用；主要使用的Babel版本是v7.13.10，但对v7.0.0之后的版本都适用。
姜瑞涛，毕业于华北电力大学，五年前端开发经验。曾在好未来、用友担任高级前端开发工程师，参与过用友NC Cloud大型企业数字化平台和学而思网校1对1管理后台的开发。擅长工程化解决前端兼容性问题，在Babel的使用上有丰富经验。

作品目录

内容简介
前言
读者服务
第1章：Webpack入门
1.1、Webpack简介
1.2、安装Webpack
5、1.3、Webpack快速入门
1.4、Webpack预处理器
1.5、本章小结
第2章：Webpack资源入口与出口
2.1、模块化
2.2、Webpack资源入口
2.3、Webpack资源出口
2.4、hash、fullhash、chunkhash和contenthash的区别
2.5、本章小结
第3章：Webpack预处理器
3.1、预处理器的配置与使用
3.2、Babel预处理器babel-loader
3.3、文件资源预处理器file-loader
3.4、增强版文件资源预处理器url-loader
3.5、本章小结
第4章：Webpack插件
4.1、揑件简介
4.2、清除文件揑件clean-webpack-plugin
4.3、复制文件揑件copy-webpack-plugin
4.4、HTML模板揑件html-webpack-plugin
4.5、本章小结
第5章：Webpack开发环境配置
5.1、文件监听与webpack-dev-server
5.2、模块热替换
5.3、Webpack中的source
map
5.4、Asset
Modules
5.5、本章小结
第6章：Webpack生产环境配置
6.1、环境变量
6.2、样式处理
6.3、合并配置webpack-merge
6.4、性能提示
6.5、本章小结
第7章：Webpack性能优化
7.1、打包体积分析工具webpack-bundle-analyzer
7.2、打包速度分析工具speed-measure-webpack-plugin
7.3、资源压缩
7.4、缩小查找范围
7.5、代码分割optimization.splitChunks
7.6、摇树优化Tree
Shaking
7.7、使用缓存
7.8、本章小结
第8章：Webpack原理与拓展
8.1、Webpack构建原理
8.2、Webpack预处理器开发
8.3、Webpack揑件开发
8.4、本章小结
第9章：Babel入门
9.1、Babel简介
9.2、Babel快速入门
9.3、引入polyfill
9.4、本章小结
第10章：深入Babel
10.1、Babel版本
10.2、Babel配置文件
10.3、预设与揑件的选择
10.4、babel-polyfill
10.5、@babel/preset-env
10.6、@babel/plugin-transform-runtime
10.7、本章小结
第11章：Babel工具
11.1、@babel/core
11.2、@babel/cli
11.3、@babel/node
11.4、本章小结
第12章：Babel原理与Babel插件开发
12.1、Babel原理
12.2、Babel揑件开发
12.3、本章小结
附录A
Module
Federation与微前端
附录B
Babel
8前瞻