v-resize-xjj

需求

实现一个函数同时支持hook 和 自定义指令 去监听dom 宽高的变化

5w3h 八何分析法

1. 如何监听dom 宽高变化
2. 如何使用vite 打包库
3. 如何发布 npm 1: interSectionObserver 主要侦听元素是否在视口内 MutationObserver 主要侦听子集的变化还有属性的变化以及增删改查 ResizeObserver 主要侦听元素的变化 以及增删改查

首先npm init 生成一个package.json 然后tsc --init 生成一个ts的配置文件 新建一个vite.config.ts 再新建一个index.d.ts 使用到两个库：-D 因为我们的插件一定是给vue用的，没必要再次安装这两个库 npm i vue -D npm i vite -D

1. 编写vite.config.ts

2. package.json 中添加一个命令 build

3. 编写声明文件

4. 准备发布npm

5. 配置package.json

6. 配置main(用于require引入时)，配置module(用于import，export使用时)

7. 配置files 往npm 上发布的目录

8. 编写version 每次发布的版本号

9. 发布时 一定要有npm 账号，通过 npm adduser添加账号

10. npm login 登录

11. npm publish 发布即可