20200726 阶段总结

[EchoZhaoH]

webpack

• 开始下面内容前，需熟悉 webpack 各个模块 entry、loader、plugin 等
• webpack 实现的机制，webpack 整个流程是靠各个 hook 完成 源码
• webpack 是如何实现 hook 的，主要使用 tapable

图解 http （tcp/ip、http 这些内容很重要）

微前端

qiankun

qiankun 是基于 single-spa 实现，qiankun 中主要做了对 window 的 proxy 以及很重要的一步，将 single-spa 中需要开发自己开发的大部分内容都实现了配置化，其中支持配置化的很要的一个库 import-html-entry

路由是微前端实现的关键

目前的微前端的实现都是基于对路由的划分来加载不同的子应用，所以理解前端路由很重要，其中也要搞清楚前端路由和后端路由的区别

• history 路由
• hash 路由

monorepo

分包（我的直白翻译）

将同一仓库下的不同模块的代码单独打包，目前很多 ui 库都是使用 monorepo 来处理分包的，blueprintjs 是我 monorepo 的启蒙，这个库的源码值得一读。

monorepo 目前主流的工具是 lerna

阅读源码

阅读源码是必经的一步，但也不是鼓励什么准备都没有，上来直接看，这样是没有任何收益的

阅读源码之前，你需要熟悉这个库的大部分功能以及如何使用并且能够基本无障碍的使用，接下来就是将模块拆解，分解自己的目标，一步一步去理解源码中的每一个功能。