因为公司项目原因，需要私有npm
使用之前，我们先来个哲学三问
为什么我们需要搭建私有cnpm?
- 因为不方便公开
- 可以不用向npm付费，而且东西放在别人服务器上相对没有自己电脑安全。
- 比git方便，也符合大家的习惯?
为什么使用verdaccio
因为、开源免费、稳定
工作原理是什么?
（为什么要知道原理，之所以我要写这个是因为我觉得只有先了解原理之后，后面的文档才方便理解，才有目标，才有行动指南）
其实就是搭建一个服务，然后模拟npm，而这时候如果是本地的包就下载，不是本地的就用npm的。
来个图
这个图是盗来的
install
安装有可以docker、也可以npm，我们使用npm安装。
npm install -g verdaccio --unsafe-perm
这时候可能会报权限错误，请用管理员的方式运行终端。
然后继续。
这时候完成后可能会提示木有python环境，不用管它。
输入
verdaccio
看成功了没有。
这时候会输出如下
看到
config file
这一行了没有，这个有一个指向路径，找不到config配置文件，就到这里查看。
这个文件可以修改一些配置，你现在用不到，以后一定可以用到。
默认刚安装，只能自己访问，内网的人访问不了，这时候我修改配置文件
vim C:\Users\admin\AppData\Roaming\verdaccio\config.yaml
然后
在最下面添加如下代码
listen:
0.0.0.0:4873
这样同事就可以一起访问啦，不然等着报错吧。
使用
我们刚刚漏说了一点，verdaccio是sinopia的修改版，也就是fork出来的一个分支。因为sinopia不维护了，然后大家好像也遇到很多坑，所以不推荐直接使用sinopia，sinopia是nodejs写的，所以verdaccio也是，这对我们前端很友好。
刚刚我们执行verdaccio的时候，会有一个端口，这个端口是4873,然后我们也修改了内网可见，所以这时候可以localhost:4873访问，在浏览器访问看看，这时候是空的，我们来添加一下。
新建一个npm包
npm init
然后默认是指向index.js，所以我们在目录下新建一个index.js文件。
然后写代码，代码你随便写，可以简单来个函数，比如
module.exports.Hello = function(name){
console.log("Hello " + name);
}
写好之后开始发布。
npm adduser --registry http://localhost:4873
npm login --registry=http://localhost:4873
npm publish
恭喜你 发布成功，这时候继续访问刚刚打开的网站，或者刷新
如上所示，已经发部成功了
这时候就可以食用（使用）了
安装刚刚发布的npm包
一种是
npm set registry http://localhost:4873/
npm install <你的包名>
一种是 npm install <你的包名> --registry=http://localhost:4873
发链接给同事安装，请用内网IP哦。
问题之，为什么我安装后，没有东西？
可能是你新建文件开始install，但是木有npm init。所以失败。
好了 很完美
其他
如何删除发布的包呢 ?
npm unpublish <你的包名> --force
（被打了不要说从我这里看到的
为什么我发布的有些vue组件，在引入的时候报错了呢，提示you may need an appropriate loader to handle this file type.？
兔大说：
module parser failed, 是webpack不认识，默认都不会去管node_modules里的代码.
对于兔说的，按我的理解是 babel忽略从node_modules的引入，然后vue-loader引入后又交给了webpack，然后webpack不处理就gg了。
解决方案就是不要直接导出源码
完成代码编写，导出npm组件
新建一个
.babelrc
{
"presets": [
"@babel/preset-env",
"vue"
],
"plugins": []
}
在package.json加入build
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "babel src --out-dir lib --copy-files && npm publish --registry=http://localhost:4873"
},
想要了解更多babel cli语法，见下面的相关链接。
然后每次发布的时候，先修改version，然后执行npm run build
这时候代码会跑到lib里面导入lib里面。引入lib里面的代码即可。
（默认vue-loader，会自动加上lib，不过最好加上lib路径，哈哈）
相关链接
https://github.com/verdaccio/verdaccio
https://zhaomenghuan.js.org/blog/npm-private-repository-verdaccio.html#%E5%89%8D%E8%A8%80
https://babeljs.io/docs/en/6.26.3/babel-cli
网友评论