前言
接着上篇文章Gitea+Jenkins能碰撞出怎样的火花?浅谈前端自动化部署_DieHunter1024的博客-
本文将与大家分享使用verdaccio搭建私有化npm仓库以及npm包的发布
准备工作
- Node环境
- 远程或本地服务器
- verdaccio
安装配置verdaccio
- 使用npm install --global verdaccio全局安装verdaccio
- 在服务器中新建文件夹用来存放npm数据
- 在新建的文件夹中运行cmd输入verdaccio,显示以下日志就可以了
- 在浏览器打开http://localhost:4873/显示以下页面就可以进行下一步了
- 通过日志可以知道verdaccio的yaml文件在 C:\Users\用户名\.config\verdaccio\config.yaml,我们可以自定义该文件并且手动启动,将yaml文件复制到新建的文件夹下并修改文件,以下是我的配置文件,仅供参考
- 使用cmd脚本启动文件,可以将以下命令写成bat文件并放在文件夹目录
- 最后运行命令,打开网页
- 此外,可以参考Nginx常用指令,基本配置,反向代理_DieHunter1024的博客把npm仓库反向代理到路由,不占用端口
上传代码至仓库
推荐使用nrm管理npm仓库地址,切换仓库地址为http://localhost:10241/
以之前写的PubSubPattern(发布订阅)为例子,在文件夹中 npm init -y 新建package.json文件,并配置name,version等
注册用户:使用npm adduser --registry http://localhost:10241/注册用户,输入用户名(小写),密码,邮箱
然后在index.js中写入源码
完成后输入npm publish --registry http://localhost:10241/将代码发布到npm仓库
npm包的发布就完成了
安装依赖
另起一个test文件夹,使用
npm init -y
npm i pub_sub_pattern
下载依赖
在test文件夹中新建main.js输入以下内容
并且在控制台执行node main,出现以下日志就表示成功了
写在最后
将npm publish --registry http://localhost:10241/命令放在Jenkins的命令中实现自动发布npm,这便是微前端的雏形
感谢你看到了这里,如果这篇文章对你有帮助,请点个赞支持一下作者!你的支持是作者创作的动力~