ts封裝和發(fā)布一個npm庫

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

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容