第二章,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 类型支持友好是两件完全不同的事”。有时候为了让框架提供更加友好的类型支持,甚至要花费比实现框架功能本身更多的时间和精力。
网友评论