將自己的組件打包發布到npm


在項目中有些組件在各個項目中都會調用,那么將組件發布到npm ,用到的項目去下載,這樣會省去一些不必要的麻煩。

將組件發布到npm 中的步驟 做個記錄

1.項目的創建,我這里使用 vue init webpack-simple 項目名

2修改文件目錄 , 創建 components 文件夾 創建 main.vue  在根目錄創建 index,js

 

 3.修改文件內容 和配置

main.vue是一個組件  就按照組件的格式去寫

index.js  的內容 

 

 

注意引用的組件中一定要寫name 屬性

在組件中 最好使用../../ 這種方式去引用其他文件

4.修改 package.json  

 

 private 這個字段設置為false 這樣才能發包的時候成功

main  是指定執行的目錄文件  也就是build 后生成的文件目錄

5 ,修改webpack.config.js 文件

 

 這樣生成的文件 就能發布到 npm 

6 發布npm

1.去 npm 官網注冊個賬號 https://www.npmjs.com/

2.我使用的 yarn  后面的的命令使用 yarn    在項目的根目錄中  yarn login 會讓那你輸入 npm 注冊的用戶名 郵箱 和密碼 

登錄后顯示

 

 3登錄成功后 可以發布  yarn publish  中間會讓你輸入密碼 然后就發布成功了,

4.成功后就會在 npm 網站上看到你剛上傳的項目

 

 5.發布之前 會在 npm 有個郵箱驗證 驗證后就可以發布了

6.如果開啟了雙重驗證的話 ,需要在發布的時候 命令行 添加驗證的密令

 

 

7.要使用您的npm帳戶啟用2FA,您將需要一個可以生成一次性驗證碼OTP的應用程序。Authy或 Google Authenticator可以生成一次性驗證碼(OTP)。將應用程序安裝在手機上。我使用的是 authenticator

8.在發布的時候添加上 后面的參數,要記得修改自己發布的版本號


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM