??前提：前段時間工作，我這邊業務側需要依賴到同事開發的組件包。工作不久，還未真正獨立完成一個通用組件并將其發布，今天先分享一波發包的流程以及版本號注意事項。開搞！

1.注冊NPM賬戶

2.創建項目

npm init 復制代碼

初始化packag.json，注意version（版本號)的定義規范

• 新版本號 1.0.0
• fix bug 1.0.1
• 功能向后兼容迭代 1.1.0
• 破壞性修改 2.0.0(必須跟新major號)

{"name": "publish-hong","version": "1.0.0","description": "0.0.1","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC" } 復制代碼

3.發布

接下來的操作就沒啥了，老鐵們直接執行

npm publish 復制代碼

可能會碰到403 400 等等錯誤，常見的大概都是寫npm包重名啊，或者權限不夠等情況，自行根據錯誤碼提示fix

tips： 執行npm publish 之前最好看看當前處于什么npm賬戶下，免得誤傳。

npm who i am 復制代碼

4.安裝

發布完成，安裝一波看看行不行~

ok沒毛病。

5.引申

關于package.json中npm install版本號的書寫規則

• "@fe/demo": "^1.1.0" 更新第二、三位
• "@fe/demo": "～1.1.0" 更新最后一位
• "@fe/demo": "1.1.0" 不更新版本

上圖更為直觀：

以loash這個包為例分別對^ 、~、 x.x.x三種情況進行計算 測試網址

很直觀我就不多廢話了~

轉載于:https://juejin.im/post/5c64187f518825620b450811

總結

以上是生活随笔為你收集整理的NPM发包小记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。