私有元件庫搭建

1. 使用dumi建立元件庫

$ mkdir project  & cd project & npm init -y    //建立目錄

$ npx @umijs/create-dumi-lib --site     //初始化倉庫

$ npm i    //安裝依賴

$ npm start   //開發

$ npm run build   //打包元件庫

$ npm run release  //打包併發布 

每次釋出都必須保證package.json中private欄位非true

每次發包都必須更新版本號

2. 全域性安裝 verdaccio

$ npm i verdaccio -g 

$ verdaccio   //啟動服務

 

啟動後,命令列第一行是配置檔案所在路徑,修改配置檔案 增加

listen 0.0.0.0:4873  

重新啟動

$ verdaccio

安裝pm2守護verdaccio程序

$ npm i pm2  -g

3. 使用

使用 nrm 管理npm源

$ npm install nrm -g

$ nrm ls   //檢視所有源

$ nrm add registryName  registryUrl  //新增源  比如  nrm add  lushang http://192.168.20.185:4873/

$ nrm use registryName  //切換源

$ nrm  del registryName  //刪除源
 

使用上述操作,新增verdaccio啟動後的地址

4. 新增使用者

$ npm adduser --registry http://192.168.20.185:4873

輸入使用者名稱、密碼 、郵箱, 新增使用者後預設以此賬號登入,可以用這個賬號直接釋出,如果釋出提示需要登入,用下邊命令登入即可

$ npm login

5. 開發

在dumi建立的目錄中進行元件開發。

6. 釋出

開發完,修改版本號,執行釋出命令

$ npm run build    //打包

$ npm publish  //釋出

$ npm run release   //打包併發布

7. 釋出文件到github/gitee ( gitlab目前還不知道怎麼釋出page )

• 文件打包

$ npm run docs:build

• 文件釋出,使用gh-pages包

$ npm run docs:deploy

• 文件一鍵釋出

$ npm run deploy

8. 使用元件庫

切換npm源到私有源, 其他操作同公共npm包使用方法, 私有庫代理了淘寶源 ( verdaccio配置檔案裡可以找到 ) ,
當私有庫找不到包的時候,會從遠端公共源查詢。