custom-hooks-pxl
v0.0.2
Published
1. 怎么封装hooks 自定义指令 2. 如何进行打包 commonjs esm umd 3. 发布到npm官网
Downloads
8
Readme
- 怎么封装hooks 自定义指令
- 如何进行打包 commonjs esm umd
- 发布到npm官网
开发->发布流程
- 新建项目, npm init 初始化项目, 生成package.json
- 新建vite.config.ts, npm i vite -d 安装依赖
- typeScript初始化, tsc --init 初始化项目, 生成tsconfig.json,
- 安装vue, npm i vue -d
- src下新建ts类型声明文件index.d.ts, 编写自定义hooks, 编写install注册自定义指令,
- 配置vite.config.ts, 配置入口文件index.d.ts, 配置rollupOptions.external排除vue库, 配置rollupOptions.output.globals.hooks全局变量名称支持require与 import两种导入方式
- index.d.ts中declare声明hooks与自定义指令
- vite build打包
- 在package.json配置main: 打包文件目录与 module: 打包文件目录, 配置require与import两种导入方式支持,
- 在package.json配置files, 需要发布的文件, 配置name: 发布的npm包名称
- 登录npm账号, npm publish 发布上去
- 测试工具包
