vue.js 设计与实现（二）

第二章，vue设计与实现总结：

tree-shaking机制：可以处理因框架因警告信息过大，而影响框架的体积，利用tree-shaking机制，在构建中可以配合构建工具预定义常量，比如DEV常量，从而实现在开发环境中打印警告信息，在生产环境中则不包含这些信息，从而提高线上代码体积的可控性。

Tree-Shaking 是一种排除 dead code 的机制，框架中会内建多种能力，例如Vue.js 内建的组件等。对于用户可能用不到的能力，我们可以利用 Tree-Shaking 机制使最终打包的代码体积最小化。另外，Tree-Shaking 本身基于 ESM，并且JavaScript 是一门动态语言，通过纯静态分析的手段进行 Tree-Shaking 难度较大，因此大部分工具能够识别 /#PURE/ 注释，在编写框架代码时，我们可以利用 /#PURE/ 来辅助构建工具进行 Tree-Shaking。

框架的错误处理：
框架为用户提供统一的错误处理接口，用户可以通过注册自定义的错误处理函数来处理全部的框架异常

最后，我们点出了一个常见的认知误区，即“使用 TS 编写框架和框架对 TS 类型支持友好是两件完全不同的事”。有时候为了让框架提供更加友好的类型支持，甚至要花费比实现框架功能本身更多的时间和精力。