实现一个函数同时支持hook 和 自定义指令 去监听dom 宽高的变化
5w3h 八何分析法
- 如何监听dom 宽高变化
- 如何使用vite 打包库
- 如何发布 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
-
编写vite.config.ts
-
package.json 中添加一个命令 build
-
编写声明文件
-
准备发布npm
-
配置package.json
-
配置main(用于require引入时),配置module(用于import,export使用时)
-
配置files 往npm 上发布的目录
-
编写version 每次发布的版本号
-
发布时 一定要有npm 账号,通过 npm adduser添加账号
-
npm login 登录
-
npm publish 发布即可