使用 Typescript 构建,提供完善的类型定义
支持文档记录,支持 demo 演示
配套完整的测试用例,帮助您提升项目健壮性
一是为了练习掌握 hooks 的使用,二是对一些业务常用的 hooks 进行沉淀。
从 0 ~ 1 手把手搭建一个前端业务 Hooks
库,从产品设计、框架选择、架构设计到最终的编码落地,通过一个完整的产品实现,解决如何提升代码复用的问题。
作为基础包,选择社区内更推崇的pnpm
作为包管理工具,原因有:
-
pnpm
安装速度更快,磁盘空间利用率高; -
pnpm
的lock
文件适用于多个单一子功能的模块,且能保证每个模块的依赖不耦合; - 打包产物清晰,打包后产物确保全部为静态站点资源;
- 最终产物为多个基础子功能模块的耦合,选择
gulp
这种流程式的构建工具,能够更清晰的表达构建流程; - 选择常用的
webpack
作为构建产物的声明式接入方式; - 结合
unpkg
进行在线 dist 文件访问:https://unpkg.com/sd-hooks;
- 直接引入
dist
文件,如<script src="https://unpkg.com/sd-hooks@0.1.0/dist/sd-hooks.js"></script>
; - npm 安装即可
npm i sd-hooks
使用 dumi
静态站点解决方案 来生成说明文档
jest
功能全面,资料丰富,能够很好地支撑原子化集合的工具函数;