如何通過npm發布乙個包

如何通過npm發布乙個包？

建立模組。建立模組，package.json 檔案是必不可少的。我們可以使用 npm 生成 package.json 檔案, 包含模組基本資訊。

指令： npm init

強制所有選項選擇預設值，可以使用命令： npm init -y

建立發布模組的主體內容

如果沒有賬號可以先註冊：

官網註冊：

命令列註冊： npm adduser

登陸npm: npm login

此時我們就可以發布我們的npm模組了，指令： npm publish

注意，執行npm publish命令發布模組之後，如果報如下錯誤，那麼可能是因為包名在npm中已經存在，這個時候更改一下package.json中的name屬性重新發布即可。

驗證包時候發布成功以及可使用情況。進入npm官網，登陸並檢視當前賬號下發布的包時候存在。

當模組功能公升級或調整後，需要重新發布模組內容。需要注意的是，當我們更新了模組的內容之後，重新發布時需要更改一下當前模組的版本號，即version屬性。然後執行npm publish即可。

如下表示模組新版本發布成功。

此時我們可以看到所有已發布的版本和資訊，如下：

補充一點，版本號的規則一般來說，版本號由x.y.z三位構成，分別代表主版本號、次版本號和補丁版本號

如果已經使用npm install , 並且需要把當前目錄下node_modules子目錄裡邊的對應模組更新至最新版本，可使用npm update

如何發布乙個 npm 包

在工作時，突然接到經理的乙個要求，需要將乙個react的高階元件函式封裝成乙個npm包。之前從沒弄過，當場還是有些懵逼的，但是這畢竟是工作，不能推脫。於是開始了學習 湯坑之旅。最終包發布，線上專案成功使用，雖然導致了一次線上故障，但還是快速地fix掉。吃一塹長一智，記錄一下整個發布的過程和遇到的一些...

npm發布乙個包

我們已經實現了路由的自動化構建，但是我們可以看到，一大串 懟在裡面。當然你也可以說，把它封裝在乙個js檔案裡面，然後使用require autoroute.js 給引入進來，那也行。但是，為什麼不把心放大一點呢？比如說，我們把它做成乙個npm包！最初自己做的時候就是這種直接引入封裝的js檔案裡，可以...

發布乙個npm包

我這裡是寫了乙個vue輪播圖外掛程式，因此我使用了vue的腳手架工具建立乙個專案，當然你也可以選擇自己搭建腳手架。本例中我會使用vue腳手架建立乙個專案，並發布到npm上面去。全域性安裝 首先，要建立專案，封裝vue的外掛程式用webpack 很合適，因此你需要全域性安裝 vue cli init外...