v-resize-tc v0.0.2

需求

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

5W3H 八何分析法 1. 如何监听dom宽高变化 2. 如何用vite 打包库 3. 如何发布npm

npm init 生成 package.json

生成TS配置文件 tsconfig.json npm install typescript npx tsc --init

新建vite.config.ts 新建index.d.ts 编写声明文件

npm i vue -D 装进依赖里面devDependencies npm i vite -D 装进依赖里面devDependencies

编写配置

最后 打包npm run build package.json 添加配置 require import 查找

"main": "dist/v-resize-tc.umd.js", "module": "dist/v-resize-tc.mjs",

配置哪些文件需要发布到npm

"files": "dist", "index.d.ts" ,

配置版本号

"version": "0.0.1",

发布NPM 1. npm adduser注册账号 2. 登录账号 npm login 3. 输入npm publish 发布NPM

错误情况处理-403，地址切换问题

通过安装nrm依赖包，管理和切换镜像地址： npm install -g nrm

安装后，输入以下指令，切换到官方源地址 nrm use npm

发布完成后，再切换回淘宝镜像地址 nrm use taobao