前端架構之路（7）私有 npm 倉庫

元件化之後，搭建「私有 npm 倉庫」是個不錯選擇。

私有 npm 倉庫可以讓我們使用元件就像 npm 官方倉庫裡的包一樣方便。

目前比較好的解決方案有兩種：

sinopia（verdaccio）

cnpm + cnpmjs.org

sinopia 在15年的時候就停止更新了，繼而由 verdaccio 提供更新公升級，所以兩者用法基本上都是一致的，以下都以 sinopia 為例說明。

$ npm install -g sinopia

配置檔案位於~/.config/sinopia/config.yaml中

# path to a directory with all packages storage: /home//.local/share/sinopia/storage # 庫存路徑，需要考慮磁碟空間 web: # 自定義web項，即瀏覽器訪問頁面 title: sinopia auth: htpasswd: file: ./htpasswd # 新增使用者（npm adduser）後自動建立，儲存使用者資訊，可以初始化使用者 uplinks: # 可以配置多個上游位址，後面packages中的proxy指定用哪個 npmjs: url: # 更改此上游位址 packages: # 包的許可權管理，$all為所有人，$authenticated為通過驗證人 # 分布和安裝兩種許可權，值可以特指某幾人 '@*/*': # 跟package.json中的name屬性進行匹配 # scoped packages access: $all publish: $authenticated '*': access: $all publish: $authenticated proxy: npmjs logs:

- listen: 0.0.0.0:4873 # 設定監聽位址，0.0.0.0匹配本機位址

$ npm config set registry http://:4873/

推薦使用 nrm 來快速切換 npm registry 配置。

sinopia

或者使用 pm2 永久執行

pm2 start sinopia

現在你就可以發布私有包了。

sinopia的優點是配置簡單，對環境依賴少（僅 node 就夠了），並且支援windows系統下執行。

但它也有缺點，主要是以下幾點：

快取優化不足，經常會在安裝共有包的時候處於掛起狀態；

不能做官方倉庫的映象。

所以，sinopia比較適合個人搭建在本地作為 npm 快取，這樣，安裝過的包會直接從快取中獲取，加快安裝速度。

對於企業級的應用來說，就需要另外乙個解決方案了：cnpm + cnpmjs.org

環境依賴：

$ npm install -g cnpm

$ npm install -g cnpmjs.org

配置檔案位於~/.cnpmjs.org/config.json中

],"mysqldatabase": "cnpmjs", // 資料庫名 "enableprivate": true, // 是否啟用私有化，這樣只有定義在 `admins` 中的使用者才能發布 "admins": , "syncmodel": "exist", // 同步模式 "scopes": [ // 包字首，如果不是以這個字首命名的包將不能發布，可以配置多個 "@test" ],"registryhost": "", // 你的伺服器對應的 npm registry 位址 "officialnpmregistry": "" // 如果在該倉庫中找不到的包，會上游到**去找

}

更多配置參考 cnpmjs.org config

$ cnpm config set registry

cnpmjs.org start

執行的時候將會開啟兩個埠：7001（registry），7002（web）。

7001（registry）

server 
location ~ /.well-known 
client_max_body_size 50m;
}

重啟 nginx，現在你就可以通過去發布私有包到這個倉庫裡了（如果沒有其他問題的話）。

7002（web）

server 
location ~ /.well-known 
client_max_body_size 50m;
}

重啟 nginx，現在你就可以通過訪問倉庫web頁面了（如果沒有其他問題的話）。

永久執行

如果僅通過cnpmjs.org start執行，一旦關閉終端，程式就會停止執行。推薦使用screen命令開啟永久執行，可以通過 linux screen 了解下這個命令的用法。

# 建立乙個名為 cnpmjs 的視窗 $ screen -s cnpmjs # 執行程式 $ cnpmjs.org start # 按ctrl+a，然後再按d，離開當前視窗，而程式不會終止 ctrl+a+d # 重新進入 cnpmjs 的視窗，做更多的操作

$ screen -r cnpmjs

前端架構之路（7）私有 npm 倉庫

npm私有倉庫搭建

搭建企業私有npm倉庫

NPM私有包部署到私有倉庫

前端架構之路（7） 私有 npm 倉庫

npm私有倉庫搭建

搭建企業私有npm倉庫

NPM私有包部署到私有倉庫

相關推薦

前端架構之路（7）私有 npm 倉庫