作品简介

这是一本针对零基础前端开发者讲解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前瞻
展开全部