ts封装和发布一个npm库

1创建项目目录 test-arr-map

2初始化项目

npm init 

  "main": "./dist/test-arrar-map.js"//入口文件改成打包后的入口

"private": false,受保护改成false,

配置命令

 "dist": "vue-cli-service build --target lib --name vue-notice-demo ./src/components/notice/notice.js",

--target声明打包类型为lib

--name 包名

入口文件路径，打包指定文件

3确保已经全局安装了typescript 未安装则先全局安装

npm install -g typescript

生成tsconfig.json

命令：tsc --init   

修改一下配置

 { "declaration": true,

 "outDir": "./dist", }

{      "exclude": ["./dist"]

}

4创建 test-arr-map.js

例如：

const arrayMap=<T,U>(arr:T[],cb:(item:T,index:number,arr:ReadonlyArray<T>)=>U):U[]=>{

    let i=-1;

    let len=arr.length

    let newArr=[]

    while( i<len){

        newArr.push(cb(arr[i],i,arr))

    }

    return newArr;

}

export =arrayMap

5 注册npm账号

6登录npm,按照提示输入username,password,email,登录成功,

npm login

7创建.npmignore忽略目录

添加想忽略的目录

8 （发布之前需要进行邮箱验证）出版publish

npm publish