团队需要一个私有npm

一、前言

随着Team人员越来越多，项目间的代码复用显得越来越重要。比如：常用的框架/库、工具方法等。另外团队内部的代码模块化，也需要有一个机制来管理。目前npm是前端代码的包管理(类似iOS 的cocoapods、android的gradle)首选。于是，我尝试使用私有npm搭建一套前端仓库，用以在公司内部托管公共代码以及将代码模块化。

二、选型

npm+私有git仓库

制作&使用

1.新建私有git仓库，用group建立项目较方便代码的管理，也能作为npm的scope。

• clone仓库

git clone https://gitlab.com/mygroup/myproject.git

2.npm  init

npm init --scope=mygroup

3.push到仓库即可

4.安装

"@mygroup/myproject": "https://gitlab.com/mygroup/myproject.git"

5.使用

var myproject = require('@mygroup/myproject');

优缺点

缺点：不能使用npm直接update
优点：简单直接

npmjs官方托管

制作&使用

参考官方教程https://docs.npmjs.com/private-modules/intro

优缺点

缺点：需要支付每个月7刀； 不能使用npm直接update;
优点：简单直接；开源&闭源项目同一托管

使用verdaccio自己托管

verdaccio

制作&使用

1.安装verdaccio

npm install --global verdaccio

2.启动服务

verdaccio

3.团队人员都绑定registry

npm set registry http://verdaccio托管的ip地址:4873

4.增加用户

npm adduser --registry http://verdaccio托管的ip地址:4873

5.发布私有库

npm publish --registry http://verdaccio托管的ip地址:4873

6.安装私有库

npm i 私有库名称

7.使用私有库

var 私有库名称 = require('私有库名称');

优缺点

优点：免费；本地速度快&带公有库缓存；支持yarn
缺点：需要自己托管维护

注：为了切换源方便，可以使用nrm

安装

npm install -g nrm

增加私有源

nrm add 私有源名称 http://verdaccio托管的ip地址:4873

列出所有源（*表示现在正在使用的源）

$ nrm ls

* npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
  eu ----- http://registry.npmjs.eu/
  au ----- http://registry.npmjs.org.au/
  sl ----- http://npm.strongloop.com/
  nj ----- https://registry.nodejitsu.com/私有源名称  http://verdaccio托管的ip地址:4873

切换源

$ nrm use 自定义私有库名称
   Registry has been set to: http://verdaccio托管的ip地址:4873

三、总结

基于上面选型中的分析，我最终选择了verdaccio。私有npm的作用，不单单是作为包管理器，更是项目模块化的一种“约束”。这样一来，你就不会往一个模块随意加入本该属于另外一个模块的代码，也就是会逼迫你去做解耦。另外有了私有npm，每个模块更“独立化”，能“专心”为其加入单元测试&持续集成等实践，使每个模块的质量能得到较好的保障，提高整体软件的质量。

作者：CatchZeng
链接：https://www.jianshu.com/p/65dd2f26d47c