webpack的主要工作是将模块打包，这些模块可能包括js代码模块，css模块,一些其他静态资源等。无论是在pro模式下还是在dev模式下本质上都是将模块打包成资源，并依赖一些插件依照一些规范对这些资源进行一定的工程化整合，解决一些前端开发、部署的公共性问题。使其成为一个开发或者构建的封闭实体。
就开发过程而言一般需要一个开发服务器(WebpackDevServer)、一个代码解析器(babel)（ES6或Ts代码需要转化为es5 js代码），一个资源整合器(webpack)。
整体流程上相对比较简单，根据webpack的config生成webpack，根据WebpackDevServer的config生成WebpackDevServer,监听端口和host，启动服务，主体流程就算走完。
墨卡托投影是一种“等角正切圆柱投影”，荷兰地图学家墨卡托（Mercator）在1569年拟定：假设地球被围在一个中空的圆柱里，其赤道与圆柱相接触，然后再假想地球中心有一盏灯，把球面上的图形投影到圆柱体上，再把圆柱体展开，这就是一幅标准纬线为零度（即赤道）的“墨卡托投影”绘制出的世界地图。
墨卡托投影在今天对于航海事业起着极为重要的作用，目前世界各国绘制海洋地图时仍广泛使用墨卡托投影，国际水路局（IHB）规定：“除特殊情况外，各国都要用墨卡托投影绘制海图”。国际水路局发行的《大洋水深总图》是把全世界分成24幅编辑的，在南北纬72度之间就是使用墨卡托投影绘成的。
用一个平面包围成圆柱体，正好与地球相接，地球近似成正球体处理。从球内打射线，跟球面和圆柱面都有唯一的交点。如下图，从球内放置灯光，光线向外，跟球面交点为P，与外接圆柱面的交点为P1，P的经纬度分别为λ，φ。
设地球表面A点经纬坐标为（λ，Φ），对应的投影坐标为（x,y）,基准纬线设置为赤道，则R为地球半径；墨卡托投影方程式为：
https://www.cnblogs.com/DHUtoBUAA/p/6706642.html
https://blog.csdn.net/xiliuhu/article/details/52075408
一些babel基础知识、一个可工作的极简babel案例、一个简单的babel插件案例、以及对应的资源。
**本质上:**babel是一个JavaScript的编译器,输入一些code将这些code进行编译，输出一些code。
**主要工作:**将ES2015及更新版本解析成浏览器可执行的低版本代码，将jsx等自定义的编码规范解析成浏览器通用的代码。
**原理:**babel 利用 babylon 解析器进行语法解析。解析成 AST（抽象语法树）后，经过一定的规则对这个树进行处理后再生成新的语法树。最终新的语法树在生成对应的合法的 Javascript 语法。
简略记录版，本文仅提供一些基础内容作为学习和回忆之用，入门学习请查看React Hook官方文档
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
图使用嵌套来表示层次结构。最里层表示叶节点的圆的大小用来编码定量的维度值。每个圆都表示当前节点的近似累计大小，因为有空间浪费以及变形；仅仅只有叶节点可以准确的比较。尽管 circle packing 不能高效的利用空间，但是能更突出的表示层次结构。
该模块利用层级布局的数据进行包布局[坐标计算](# 核心代码)。为层级布局数据添加[布局信息](# 布局信息)用于绘制图形。以及一些内置[API](# API)来设置或获取一些参数来辅助图形的坐标计算。
