【假一罚四】Webpack+Babel入门与实例详解姜瑞涛
集团直发，全新正版书籍，假一罚四，放心选购。可开发票
￥ 51 5.7折 ￥ 89 全新
库存5件
浙江嘉兴
认证卖家担保交易快速发货售后保障
作者姜瑞涛
出版社电子工业出版社
ISBN9787121424724
出版时间2021-12
装帧其他
开本其他
定价89元
货号31339268
上书时间2024-09-27
- 店主推荐
- 最新上架
![【全新正版，假一罚四】老友、爱人和大麻烦[加] 马修·派瑞9787544798501译林](https://www0.kfzimg.com/sw/kfz-cos/kfzimg/19363336/ec517fa93239f8f3_s.jpg)
![【假一罚四】草色入帘青/草木闲趣徐红燕著；[日]毛利梅园绘](https://www0.kfzimg.com/sw/kfz-cos/kfzimg/fdeaafdc/0a34138be6d1d3e3_s.jpg)
商品详情
- 品相描述：全新
- 商品描述
-
作者简介
姜瑞涛毕业于华北电力大学，五年前端开发经验。曾在好未来、用友担任高级前端开发工程师，参与过用友NCCloud大型企业数字化平台和学而思网校1对1管理后台的开发。擅长工程化解决前端兼容性问题，在Babel的使用上有丰富经验。
目录
第1章 Webpack入门1
1.1 Webpack简介1
1.2 安装Webpack 53
1.2.1 安装Node.js3
1.2.2 安装Webpack4
1.2.3 全局安装与本地安装Webpack的区别5
1.3 Webpack快速入门6
1.3.1 Webpack的命令行打包6
1.3.2 Webpack打包模式mode9
1.3.3 Webpack的配置文件9
1.4 Webpack预处理器12
1.4.1 引入CSS文件12
1.4.2 Webpack预处理器的使用14
1.5 本章小结16
第2章 Webpack资源入口与出口18
2.1 模块化19
2.1.1 JS模块化历史20
2.1.2 ES6 Module20
2.1.3 CommonJS22
2.2 Webpack资源入口23
2.2.1 Webpack基础目录context24
2.2.2 Webpack资源入口entry25
2.3 Webpack资源出口27
2.3.1 Webpack的output.filename28
2.3.2 Webpack的output.path31
2.3.3 Webpack的output.publicPath32
2.3.4 output.publicPath与资源访问路径37
2.3.5 Webpack的output.chunkFilename41
2.4 hash、fullhash、chunkhash和contenthash的区别42
2.4.1 浏览器缓存42
2.4.2 Webpack与hash算法44
2.4.3 Webpack中hash、fullhash、chunkhash和contenthash的区别44
2.5 本章小结47
第3章 Webpack预处理器48
3.1 预处理器的配置与使用49
3.1.1 预处理器的关键配置项49
3.1.2 exclude和include50
3.1.3 其他预处理器写法51
3.2 Babel预处理器babel-loader52
3.2.1 引入问题53
3.2.2 直接使用Webpack53
3.2.3 使用babel-loader54
3.3 文件资源预处理器file-loader57
3.3.1 file-loader处理JS引入的图片57
3.3.2 file-loader处理CSS引入的图片60
3.3.3 file-loader的其他知识62
3.4 增强版文件资源预处理器url-loader62
3.4.1 url-loader的Base64编码62
3.4.2 file-loader与url-loader处理后的资源名称66
3.4.3 file-loader与url-loader处理后的资源路径66
3.5 本章小结68
第4章 Webpack插件69
4.1 插件简介69
4.2 清除文件插件clean-webpack-plugin71
4.2.1 clean-webpack-plugin简介71
4.2.2 安装clean-webpack-plugin71
4.2.3 使用clean-webpack-plugin71
4.3 复制文件插件copy-webpack-plugin72
4.3.1 copy-webpack-plugin简介72
4.3.2 安装copy-webpack-plugin73
4.3.3 使用copy-webpack-plugin73
4.4 HTML模板插件html-webpack-plugin74
4.4.1 html-webpack-plugin简介74
4.4.2 安装html-webpack-plugin74
4.4.3 使用html-webpack-plugin75
4.4.4 html-webpack-plugin的自定义参数76
4.5 本章小结80
第5章 Webpack开发环境配置81
5.1 文件监听与webpack-dev-server81
5.1.1 文件监听模式81
5.1.2 webpack-dev-server的安装与启动84
5.1.3 webpack-dev-server的常用参数86
5.2 模块热替换88
5.3 Webpack中的source map93
5.3.1 source map简介93
5.3.2 source map的配置项devtool96
5.3.3 开发环境与生产环境source map配置99
5.4 Asset Modules100
5.4.1 Asset Modules简介100
5.4.2 自定义文件名称103
5.4.3 资源类型为asset/inline106
5.4.4 资源类型为asset107
5.5 本章小结109
第6章 Webpack生产环境配置110
6.1 环境变量111
6.1.1 Node.js环境里的环境变量111
6.1.2 Webpack打包模块里的环境变量114
6.2 样式处理115
6.2.1 样式文件的提取116
6.2.2 Sass处理119
6.2.3 PostCSS121
6.3 合并配置webpack-merge123
6.4 性能提示129
6.5 本章小结132
第7章 Webpack性能优化133
7.1 打包体积分析工具webpack-bundle-analyzer134
7.1.1 安装134
7.1.2 使用134
7.2 打包速度分析工具speed-measure-webpack-plugin137
7.2.1 安装与配置137
7.2.2 预处理器与插件的时间分析139
7.3 资源压缩141
7.3.1 压缩JS文件141
7.3.2 压缩CSS文件143
7.4 缩小查找范围147
7.4.1 配置预处理器的exclude与include147
7.4.2 module.noParse148
7.4.3 resolve.modules148
7.4.4 resolve.extensions149
7.5 代码分割optimization.splitChunks150
7.5.1 代码分割150
7.5.2 splitChunks152
7.5.3 splitChunks示例讲解156
7.6 摇树优化Tree Shaking161
7.6.1 使用Tree Shaking的原因161
7.6.2 使用Tree Shaking162
7.6.3 生产环境的优化配置164
7.6.4 Webpack 5中对Tree Shaking的改进165
7.7 使用缓存167
7.7.1 Webpack中的缓存167
7.7.2 文件系统缓存的使用168
7.8 本章小结169
第8章 Webpack原理与拓展170
8.1 Webpack构建原理170
8.1.1 Webpack打包文件分析171
8.1.2 tapable178
8.1.3 Webpack打包流程与源码初探181
8.2 Webpack预处理器开发185
8.2.1 基础预处理器开发186
8.2.2 链式预处理器开发188
8.2.3 自定义预处理器传参190
8.3 Webpack插件开发191
8.3.1 Webpack插件开发概述191
8.3.2 Webpack插件开发实例192
8.3.3 自定义插件传参195
8.4 本章小结197
第9章 Babel入门198
9.1 Babel简介198
9.2 Babel快速入门199
9.2.1 Babel的安装、配置与转码199
9.2.2 Babel转码说明201
9.3 引入polyfill202
9.4 本章小结205
第10章 深入Babel207
10.1 Babel版本207
10.2 Babel配置文件208
10.2.1 配置文件208
10.2.2 插件与预设210
10.2.3 插件与预设的短名称212
10.2.4 Babel插件和预设的参数213
10.3 预设与插件的选择213
10.3.1 预设的选择214
10.3.2 插件的选择215
10.4 babel-polyfill216
10.5 @babel/preset-env224
10.5.1 @babel/preset-env简介224
10.5.2 @babel/preset-env等价设置225
10.5.3 @babel/preset-env与browserslist226
10.5.4 @babel/preset-env的参数228
10.6 @babel/plugin-transform-runtime235
10.6.1 @babel/runtime与辅助函数235
10.6.2 @babel/plugin-transform-runtime与辅助函数的自动引入239
10.6.3 @babel/plugin-transform-runtime与API转换241
10.6.4 @babel/plugin-transform-runtime配置项245
10.7 本章小结248
第11章 Babel工具249
11.1 @babel/core249
11.2 @babel/cli252
11.2.1 @babel/cli的安装与转码252
11.2.2 @babel/cli的常用命令253
11.3 @babel/node253
11.4 本章小结255
第12章 Babel原理与Babel插件开发256
12.1 Babel原理256
12.1.1 Babel转码过程256
12.1.2 Babel转码分析257
12.2 Babel插件开发259
12.2.1 编写简单的Babel插件259
12.2.2 Babel插件编写指南261
12.2.3 手写let转var插件264
12.2.4 Babel插件传参265
12.3 本章小结266
附录A Module Federation与微前端267
附录B Babel 8前瞻271
内容摘要
这是一本针对零基础前端开发者讲解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插件的开发。最后，在附录中介绍了ModuleFederation与微前端，以及Babel8前瞻等内容。本书主要使用的Webpack版本是v5.21.2，但对v5.0.0之后的版本都适用；主要使用的Babel版本是v7.13.10，但对v7.0.0之后的版本都适用。
— 没有更多了 —
以下为对购买帮助不大的评价