1.初始化npm包
npm init
輸入npm init后,一路默認(rèn)即可初始化成功,如下:
初始化成功后會(huì)生成一個(gè)package.json文件 n(以我的文件夾demo-npm-dir為例)
package.json配置如下:
{
"name": "npm-publish-demod-dqq", // 包名,這里為避免重復(fù),我修改了包名
"version": "1.0.0", // 版本
"description": "for dqq test",
"main": "index.js",
"keywords": ["dqq-press-test"], // 關(guān)鍵字
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
然后在index.js寫即可。
2.設(shè)置npm源
這里我設(shè)置發(fā)布到npm公有平臺(tái),根據(jù)個(gè)人項(xiàng)目需要配置。
npm config set registry https://registry.npmjs.org/
注:檢測(cè)npm源命令
npm config get registry
3.登錄npm
沒有請(qǐng)先在官網(wǎng)注冊(cè),登錄時(shí)會(huì)往你的郵箱發(fā)送一個(gè)驗(yàn)證碼。
npm login
4.發(fā)布
在package.json中配置了keywords,description等后,輸入以下命令發(fā)布。
npm publish
發(fā)完之后等一會(huì)兒,就可以在npm官網(wǎng)上查到了!
5.迭代更新發(fā)布
更新新版本迭代發(fā)布包時(shí),記得手動(dòng)修改下package.json中的vesion,或可使用以下命令。
npm version patch // 補(bǔ)丁版本,版本號(hào)最后一位加一
npm version minor // 增加了新功能的版本,中間數(shù)字加一
npm version major // 不向下兼容的大改動(dòng),第一位數(shù)字加一
多學(xué)一點(diǎn):package.lock.json中幾種前綴的區(qū)別
前綴~: 推薦使用,只會(huì)修復(fù)版本的bug,比較穩(wěn)定
前綴^: 有的小版本更新后會(huì)引入新的問題導(dǎo)致項(xiàng)目不穩(wěn)定,比如之前的weex老項(xiàng)目安裝依賴后頁面無法顯示,修改依賴版本后才正常
前綴*: 同樣有上述問題
參考
前端如何發(fā)布自己的npm包,原來這么簡(jiǎn)單_嗶哩嗶哩_bilibili文章來源:http://www.zghlxwxcb.cn/news/detail-685631.html
分享自己發(fā)布的第一個(gè)npm包流程 - 掘金文章來源地址http://www.zghlxwxcb.cn/news/detail-685631.html
到了這里,關(guān)于發(fā)布自己的npm包的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!