前端 發布自己的NPM包

2021-10-01 20:14:07 字數 3498 閱讀 1766

註冊後一定要進行郵箱驗證,否則後面進行元件包發布時候會提示403錯誤。

配置項:

配置項意義

預設值name

version

你這個包的版本

預設是1.0.0

description

專案描述

entry point

入口檔案

預設是index.js 你也可以自己填寫你自己的檔名

test command

測試命令

git repository

這個是git倉庫位址 如果你的包是先放到github上或者其他git倉庫裡,這時候你的資料夾裡面會存在乙個隱藏的.git目錄,npm會讀到這個目錄作為這一項的預設值。如果沒有的話,直接回車繼續。

keyword

這個是乙個重點,這個關係到有多少人會搜到你的npm包。盡量使用貼切的關鍵字作為這個包的索引。

author

作者 - 寫你的賬號或者你的github賬號吧

license

執照- 這個直接回車,開原始檔來著。。。

成功然後它就會問你are you ok?

"name":,

//包的名稱

"version"

:"1.0.0"

,//版本號

"description":,

//包的描述

"main"

:"index.js"

,//檔案入口,預設是index.js,可修改

"scripts":,

"keywords":[

"測試"],

"author"

:"###"

,//作者名稱

"license"

:"isc"

,//包遵循的開源協議,預設是isc

"dependencies"

:

也可以新增完專案名稱和版本號後一路回車,知道出現,is this ok?回車後回到資料夾,會多出來乙個package.json,裡面就是剛才填寫的資訊。

,"scripts":,

"devdependencies":,

"description"

:"在 lodash 基礎上擴充套件的一些 jsutils"

commonjs標準

我們看到上面**中使用commonjs標準。

乙個單獨的檔案就是乙個模組,模組內將需要對外暴露的變數放到exports物件裡,

可以是任意物件,函式,陣列等,未放到exports物件裡的都是私有的。用require方法載入模組,

即讀取模組檔案獲得exports物件。

這裡出現的module,exports,require是js的新語法嗎?不是新語法,只是commonjs的語法糖。

路徑的引用:

var hi =

require

('./hi'

);這種是用require載入時寫的是相對路徑,讓nodejs去指定路徑下載入模組。

如果省略相對路徑,預設就會在node_modules資料夾下找hi模組,那很可能因為找不到而報錯。

發布後可以在官網搜尋專案名稱(如vue_cherry)

至此,元件包確認上傳成功

更新npm包也是使用npm publish命令發布,不過必須更改npm包的版本號,也就是package.json中的version欄位,否則會報錯,like:

在我們的package.json裡面有乙個version欄位。那麼,怎麼在專案不斷構建的過程中調整版本呢?

npm有一套自己的版本控制標準——semantic versioning(語義化版本)

具體體現為:

版本格式:主版本號.次版本號.修訂號,版本號遞增規則如下:

例如:我原本的專案是1.0.0版本的話

通過npm version 自動改變版本

update_type為patch, minor, or major其中之一,分別表示補丁,小改,大改。

備註語義化版本號可以在這裡詳細學習

這裡要說一點,取消發布包可能並不像你想象得那麼容易,這種操作是受到諸多限制的,撤銷發布的包被認為是一種不好的行為

(試想一下你撤銷了發布的包[假設它已經在社群內有了一定程度的影響],這對那些已經深度使用並依賴你發布的包的團隊是件多麼崩潰的事情!)

如果發現已經發布的版本有問題,可以進行撤銷操作:

npm unpublish @。
如果有許可權問題,撤銷不了,可以新增–force。

撤銷還是有諸多限制的:

like:剛剛發布的[email protected]其實是我用來測試的,裡面並沒有修改任何code,現在進行一下撤銷。like

現在我準備再重新發布[email protected]這個版本你的包,like:

由於我採用的es6的語法,直接發布沒問題,但是應用到專案中,專案打包發布時就會出現語法錯誤。

出錯的地方就就是es6的…目前不能用到物件中。like this:

所以需要引入babel來將es6轉化一下,一開始只用的babel-preset-es2015這個的轉化還是不行,仍然是報錯,最終使用的轉化強度更大的babel-preset-stage-0來能夠徹底轉化。

npm發布自己的包

使用npm包管理器可以很輕鬆的把包發布到網上。第一步 註冊npm乙個賬號 第二步 使用命令列,進入自己所在的包目錄 第三步 npm,初始化自己的package.json檔案。下面是package.json所必須的一些設定。根據命令列的提示就可以完成,不知道寫什麼的,回車就好 name 自己發布包的名...

發布自己的npm包

一 在npm的官網上註冊乙個賬號,二 window r 輸入cmd,使用npm login 命令登入,按照提示填寫對應的內容 內容 使用者名稱,密碼,郵箱,也就是之前註冊的npm賬號 三 新建乙個目錄 demo 使用命令cd 進入到這個目錄 demo 執行命令npm init,按照提示填寫對應的內容...

建立發布自己的npm包

首先在npm 上註冊乙個賬號,這個賬號之後會用到。註冊完畢,回到我們的電腦。windows直接cmd到命令列 輸入以下命令,會提示輸入使用者名稱 密碼 郵箱,這些都是註冊時填寫過的。輸入以下命令,會提示配置包的相關資訊,名稱版本等等,都是包的基本配置資訊 配置完畢開始寫自己的包內 建立乙個index...