guozhao_qi

webpack内部机制： 动手实现：通过 babylon 将源码生成AST：可以将 ES6 语法转换成 ES5 的语法·获取依赖文件，将AST重新生成源码。

基础库分离 思路：将 react、react-dom 基础包通过 cdn 引⼊，不打⼊ bundle 中 ·⽅法：使⽤ html-webpack-externals-plugin 利⽤ SplitCh

多⻚⾯应⽤(MPA)： 每⼀次⻚⾯跳转的时候，后台服务器都会给返回⼀个新的 html ⽂档，这种类型的⽹站也就是多⻚⽹站，也叫做多⻚应⽤。多⻚⾯打包基本思路：动态获取 entry 和设置 html-w

Apollo Client是一个全面的 JavaScript 状态管理库，使您能够使用 GraphQL 管理本地和远程数据。使用它来获取、缓存和修改应用程序数据，同时自动更新您的 UI。

![截屏2021-08-10上午11.06.40.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d3e0091501a74ae79af3

待续，<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scal

本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图

本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图

TCP 连接建立完后，客户端还是服务端都能发送和接收数据，所以 TCP 是一个全双工的协议。 第一次握手 客户端向服务端发送连接请求报文段。该报文段中包含syn:表示当前报文段是一个连接请求报文 第二