1創(chuàng)建項目目錄 test-arr-map
2初始化項目
npm init?
??"main":?"./dist/test-arrar-map.js"http://入口文件改成打包后的入口
"private":?false,受保護改成false,
配置命令
?"dist":?"vue-cli-service?build?--target?lib?--name?vue-notice-demo?./src/components/notice/notice.js",
--target聲明打包類型為lib
--name 包名
入口文件路徑,打包指定文件
3確保已經(jīng)全局安裝了typescript 未安裝則先全局安裝
npm install -g typescript
生成tsconfig.json
命令:tsc --init? ?
修改一下配置
?{ "declaration":?true,
?"outDir":?"./dist", }
{
? ???"exclude":?["./dist"]
}
4創(chuàng)建?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創(chuàng)建.npmignore忽略目錄
添加想忽略的目錄
8 (發(fā)布之前需要進行郵箱驗證)出版publish
npm publish