在公司開(kāi)發(fā)項(xiàng)目時(shí)颂跨,在不同的項(xiàng)目中很容易遇到可以共用的組件或可以共用的函數(shù)方法似炎。而我們通常的做法是將項(xiàng)目中可以共用的組件和函數(shù)方法從A項(xiàng)目拷貝到B項(xiàng)目、C項(xiàng)目遇骑、D項(xiàng)目...卖毁。這種方式不僅繁瑣,后期還難以維護(hù)落萎。這個(gè)時(shí)候我們就需要將可以共用的組件和函數(shù)方法抽離到npm依賴包中亥啦,在需要用到這些組件和函數(shù)方法的項(xiàng)目中通過(guò)npm直接安裝即可,后期若有修改练链,可以直接更新npm依賴包翔脱,這樣更加方便多項(xiàng)目維護(hù)。
注意:本篇文章只介紹最簡(jiǎn)單的“創(chuàng)建—發(fā)布—使用” 三個(gè)簡(jiǎn)單流程
步驟一:創(chuàng)建 npm 賬號(hào)
2届吁、注冊(cè)成功后可以查看一下自己的packages和賬號(hào)中的其他信息
3、在桌面創(chuàng)建一個(gè)文件夾《npm-test》
4绿鸣、在《npm-test》中創(chuàng)建一個(gè)index.js文件
5瓷产、在 index.js 文件中加入以下代碼
export function hello(name) {
console.log(name);
}
**6、在《npm-test》的根目錄中執(zhí)行以下命令創(chuàng)建 package.json **
npm init
執(zhí)行 npm init 后按要求依次輸入對(duì)應(yīng)信息枚驻,package.json file
步驟二:發(fā)布 npm 包
1濒旦、執(zhí)行以下命令進(jìn)行登錄操作
npm adduser
注意:在執(zhí)行 npm adduser 時(shí)可能會(huì)報(bào)錯(cuò),報(bào)錯(cuò)原因可能是設(shè)置過(guò)淘寶鏡像的問(wèn)題
執(zhí)行如下代碼將淘寶鏡像替換回來(lái)
npm config set registry https://registry.npmjs.org
2再登、執(zhí)行以下命令進(jìn)行發(fā)布操作
npm publish
注意:在執(zhí)行 npm publish 時(shí)可能會(huì)報(bào)錯(cuò)尔邓,報(bào)錯(cuò)原因可能是package.json 中name的命名已經(jīng)被別人發(fā)布過(guò)了吧,所以修改package.json文件中的name后再次執(zhí)行npm publish
3锉矢、進(jìn)入步驟一中注冊(cè)得到npm賬號(hào)中梯嗽,查看一下自己的packages,查看一下剛剛發(fā)布的npm依賴包是否已經(jīng)存在
步驟三:測(cè)試使用npm依賴包
參考網(wǎng)址:
https://docs.npmjs.com/about-npm