简介继上一篇博客，拜读！您还可以轻松部署vue3组件库。一经推出，便引起了众多朋友的关注。还不知道npm私服？本文教你搭建私服，发布vue3组件库到nexus。与上一篇不同的是，本篇博客介绍了如何将vue3组件库发布到私服，而不是npm官方仓库。在日常工作中，我们可能出于保密、开发方便等原因，或者在内部测试阶段，需要将vue3组件库部署到公司的nexus中。我们可能希望部署vue3组件库的操作是CI/CD的一部分。现在简木CI有了官方的自动发布组件的npm节点，这一切都会变得非常简单。节点：npm发布依赖包，准备安装剑木。参考剑木如何部署安装nexus搭建npm私服，创建用户，开启token校验，生成token1。安装sonatypenexus#dockersearchnexus搜索下载量最大的nexussonatype/nexus3dockersearchnexus#pullsonatypenexusfromdockerhubdockerpullsonatype/nexus3#启动sonatypenexus并监听8081端口dockerrun-d-p8081:8081--namenexussonatype/nexus3访问构建好的nexus，可以看到如下界面，则nexus构建成功。接下来需要登录管理员（第一次登录会提供密码，然后会要求修改密码），创建BlobStores的数据池地址，供后面的仓库选择创建我们私有的npm库，需要注意的是，我们需要创建三个仓库（仓库名称可以识别）。group是一个仓库组，里面包含多个具体的仓库（proxy、hosted）。托管的本地仓库是我们内部的发布包。地址proxy代理仓库会同步代理仓库的npm包（即下载本地仓库没有的包时，会去代理仓库下载，代理仓库可以设置为官方仓库）。创建代理仓库需要设置一些值来创建托管仓库。需要设置一些值来创建组仓库，选择我们之前创建的两个仓库就大功告成了！检查此托管类型地址。剑木CI进程编排需要这个地址作为参数，还需要私服token。需要先创建一个账号，用于在本地生成token，开启nexus的用户token权限验证。需要在本地设置hosted类型仓库地址，npmconfigsetregistryhttp://xxx:8081/xxx/npm_hosted然后npmlogin获取token并将token添加到剑木key中，先创建命名空间npm，然后在此空间中创建帐户密钥wllgogogo_token。选择节点简目是一个节点编排工具，接下来我们需要选择一个合适的节点来完成一系列的业务操作。gitclone节点使用gitclone节点从远程仓库拉取我们需要部署的前端npm包项目。gitclone节点的版本，我们选择1.2.3版本如下图：访问剑木Hub可以查看节点的详细信息，例如节点的参数、源码、版本说明等信息git克隆节点。克隆的项目已构建。在本文中，我们将使用1.4.0-16.13.0版本来查看该节点的详细信息，如下图所示：发布npm依赖包节点使用发布npm依赖包节点将我们构建的项目发布给公众服务器或私服，1.1.0-16.15.0版本支持私服发布。如下图查看该节点的详细信息：3.编排流程节点选定后，必须将它们排列在一起。目前，简目提供了两种排列节点的方式：使用简目的DSL排列节点使用简目的图形化排列功能排列节点首先编辑项目信息从左侧抽屉中拖出你需要的三个节点填写节点参数在填写参数之前，连接三个节点，如图：这个箭头可以完成的功能是：定义进程运行的顺序，输出上游节点的输出参数到下游节点，以及gitclone的输出参数这里的节点将输出到所有后续节点。点击节点图标开始填写参数gitclonenode这里我们配置一个需要部署的npm包项目的git地址，选择1.2.3版本，重命名为git_clonenodejs构建节点，并配置需要的参数此节点以及1.节点版本：为nodejs构建节点版本.0-16.13.02选择1.4。工作目录：需要构建的项目路径3.registryurl：设置包管理工具的镜像，一般设置淘宝镜像registry.npmmirror.com/4。Packagemanager类型：根据具体项目情况选择Packagemanager，本项目使用pnpm5搭建。项目package.json文件目录的相对路径：package.json目录的相对地址，读取名称和版本nodejsnodejs构建节点的工作目录参数参考git_clone节点的输出参数（git_clone为upstream节点将自己的输出参数作为nodejs构建的入参传递给nodejs构建节点），下图演示了下游节点如何选择上游节点的输出参数作为自己的入参发布npm依赖包节点1.节点版本：选择1.1。0-16.15.02。工作目录：发布包目录3.镜像仓库：前期准备中nexus创建的npm本地仓库地址4.tokentoken：前期准备中nexus创建的用户，在在本地设置托管地址后，执行npmlogin生成的token，将npm包组件发布到nexus启动进程，如下图。在nexus中查看部署的npm依赖包至此，我们已经成功使用简目CI将npm依赖包部署到nexus中了！Explanation想必大家都对图形布局很感兴趣。实际上，在图形化布局流程的最底层会生成一个流程DSL。如果想参考本次测试过程生成的具体DSL，可以移至npm发布这里的nexus官网：https://jianmu.dev代码：https://gitee.com/jianmu-dev文档：https://docs.jianmu.dev示例：https://ci.jianmu.dev
