元数据
Webpack实战：入门、进阶与调优
- 书名： Webpack实战：入门、进阶与调优
- 作者： 居玉皓
- 简介： 这是一本能指导读者零基础快速掌握Webpack并轻松进阶的实战性著作。作者是资深的前端工程师，在Webpack领域有深厚的积累，是知名开源打包工具YKit的主导者和核心开发者。本书从功能特性、工作原理、应用实践、性能优化4个维度对Webpack进行了全面的讲解，内容上尽力避免了网络上已经公开发表的各种资料和文档，而是从作者的实际经验出发，将更有价值的内容呈现给读者，尽量帮助读者少走弯路。全书一共10章：第1章是一个快速的指引，介绍了Webpack的概念、适用场景、开发环境搭建，以及如何快速上手。第2
7章详细讲解了Webpack的各项功能特性及其工作原理，同时讲解了它们的适用场景，以及如何付诸实践。第89章深入总结了打包的性能优化和开发环境的优化。第10章介绍了其他打包工具并对这些工具进行了各项特性的对比。- 出版时间 2019-05-01 00:00:00
- ISBN： 9787111626312
- 分类： 计算机-编程设计
- 出版社： 机械工业出版社
- PC地址：https://weread.qq.com/web/reader/8fc322d07185cc948fc5aa8
高亮划线
1.1 何为Webpack
📌 你可以把Webpack理解为一个模块处理工厂。我们把源代码交给Webpack，由它去进行加工、拼装处理，产出最终的资源文件，等待送往用户。 ⏱ 2022-03-09 14:42:13
1.2.1 何为模块
📌 在设计程序结构时，把所有代码都堆到一起是非常糟糕的做法。更好的组织方式是按照特定的功能将其拆分为多个代码段，每个代码段实现一个特定的目的。你可以对其进行独立的设计、开发和测试，最终通过接口来将它们组合在一起。这就是基本的模块化思想。 ⏱ 2022-03-09 14:42:00
1.2.2 JavaScript中的模块
📌 为何偏偏JavaScript没有模块呢？如果要追溯历史原因，JavaScript之父——Brendan Eich最初设计这门语言时只是将它定位成一个小型的脚本语言，用来实现网页上一些简单的动态特性，远没有考虑到会用它实现今天这样复杂的场景，模块化当然也就显得多余了。 ⏱ 2022-03-09 15:21:30
📌 每一个script标签都意味着需要向服务器请求一次静态资源，在HTTP 2还没出现的时期，建立连接的成本是很高的，过多的请求会严重拖慢网页的渲染速度。 ⏱ 2022-03-09 15:21:54
📌 在每个script标签中，顶层作用域即全局作用域，如果没有任何处理而直接在代码中进行变量或函数声明，就会造成全局作用域的污染。 ⏱ 2022-03-25 20:44:31
📌 模块可以借助工具来进行打包，在页面中只需要加载合并后的资源文件，减少了网络开销。·多个模块之间的作用域是隔离的，彼此不会有命名冲突。 ⏱ 2022-03-25 20:44:40
📌 而在2015年，ECMAScript 6.0（ES6）正式定义了JavaScript模块标准，使这门语言在诞生了20年之后终于拥有了模块这一概念。 ⏱ 2022-03-09 15:29:48
📌 如何才能让我们的工程在使用模块化的同时也能正常运行在浏览器中呢？这就到了模块打包工具出场的时候了。 ⏱ 2022-03-09 15:30:09
1.2.3 模块打包工具
📌 模块打包工具（module bundler）的任务就是解决模块间的依赖，使其打包后的结果能运行在浏览器上。它的工作方式主要分为两种：·将存在依赖关系的模块按照特定规则合并为单个JS文件，一次全部加载进页面中。·在页面初始时加载一个入口模块，其他模块异步地进行加载。 ⏱ 2022-03-09 15:31:04