對(duì)于前端來說，npm install xx 這個(gè)命令是用的比較多的，一般需要引用第三方庫/UI庫，動(dòng)能插件的時(shí)候需要用到npm 安裝。那么今天就來說一下如何發(fā)布自己的npm包

前提

• 本地安裝node環(huán)境
• 擁有自己的npm賬號(hào)，若無請(qǐng)注冊(cè)： https://www.npmjs.com

本地登錄npm并配置基本信息

• npm login

本地登錄npm并配置基本信息

• 創(chuàng)建一個(gè)目錄，存放要制作的npm包： mkdir my-npm

• 初始化配置文件： npm init

  
  
  image.png

編寫組件內(nèi)容

// 新建一個(gè)文件 index.js
module.exports = '這是一個(gè)npm包'

發(fā)布npm包

• npm 會(huì)根據(jù)package.json中的配置信息將開發(fā)的功能模塊進(jìn)行打包并發(fā)布到npm平臺(tái)上。
  比較重要的是npm包名個(gè)版本號(hào)。
  發(fā)布之前需要檢查一下自己的包名沒有被使用，否則會(huì)發(fā)布失敗

• 發(fā)布npm包：npm publish
  需要保證自己的包名未被使用，還有自己的npm賬號(hào)已經(jīng)驗(yàn)證郵箱

  
  
  發(fā)布成功.png

發(fā)布過程中遇到的問題

檢查倉庫是否被設(shè)置成了淘寶鏡像庫

image.png

• npm config get registry
• npm config set registry=http://registry.npmjs.org
• 設(shè)置為淘寶鏡像：npm config set registry=https://registry.npm.taobao.org/
• 設(shè)置完之后重新login： npm login

npm賬號(hào)需要保證已經(jīng)驗(yàn)證郵箱

image.png

發(fā)布成功后，使用自己的包

可以在npm平臺(tái)搜索自己的包，并使用它