1. 授权认证
  2. 获取用户个人信息
  3. 项目协同
  4. 代码托管
  5. 持续集成
  6. 制品仓库
  7. 测试管理
  1. 项目协同
  2. 代码仓库
  3. DevOps 实践之旅
  4. 一分钟开始持续集成之旅
  5. 持续部署
  6. 制品库

使用 npm 仓库管理 Javascript 私有依赖包

前言

在日常的前端开发工作中,可能会遇到这样的问题,建立新的项目的时候,需要用到其他项目中的某个模块的代码,如果每次都通过复制粘贴的形式把代码拷贝到新项目,会出现这样的情况,某个项目更新了这个公共模块,那么其他的项目可能都需要去同步这个公共模块的代码,随着项目数量增加,代码增加,管理也越来越混乱。

为此,我们可以建立一个私有的 npm 仓库,然后把这些公共模块以 npm 包的形式发布在私有的 npm 库上,其他项目想要使用的时候直接以 npm 包形式引入即可。

接下来,我们看一下如何在 CODING 中发布一个 npm 包。

准备阶段

  • 本地需提前安装好 node ,根据自己习惯可选择性安装 yarn

步骤一:创建一个 npm 类型的制品仓库

  • 进入项目,在左侧栏选择【制品库】,再点击【创建仓库】。

  • 仓库类型选中 npm,并填写仓库名称

  • 根据实际情况设置该仓库的权限以及代理。

对于权限以及代理的具体介绍可点击下方的链接查看

配置凭证信息

以下介绍两种配置凭证信息的方式,点击此处可查看所有认证方式

方式一:使用访问令牌生成凭证

  • 在仓库的指引页面中,点击【使用访问令牌生成配置】

  • 随后在弹出框中输入 CODING 账号的登录密码

  • 复制弹窗中的凭证信息,并将其添加到您项目的 package.json 同一级目录下的 .npmrc 文件。

方式二:使用交互式命令行设置凭证

  • 执行 npm config 命令设置 npm registry 为当前制品库仓库。

  • 执行 npm login ,按照提示输入帐号名、密码、邮箱信息。

推送 npm 包

  • 如果您的 npm 项目还未初始化,请在推送前初始化您的 package.json,您可以通过执行 npm init -y 命令快速进行初始化。

  • 执行 npm publish 命令推送 npm 包

  • 推送成功后,刷新页面,就可以看到刚刚推上来的 npm 包了

更新一个已推送的 npm 包

  • 在修改自己的 npm 包后,可以使用 npm version 命令来自动更改版本号
    npm 的 version 字段是 1.0.0 这样的结构,有三位版本号,分别对应 中的:major,minor,patch
    更新大版本时版本号会从 1.0.0 升级为 2.0.0,更新小版本会升级为 1.1.0,更新一些小修复会升级为 1.0.1

在这里,以更新一些小修复为例,在当前 npm 包的目录下,执行 npm version patch

可以看到 npm 自动帮你把版本号从 1.0.0 更新到了 1.0.1

  • 执行 npm publish 命令推送 npm 包

此处与 步骤三 中的推送操作相同,不再赘述。

在项目中使用 npm 包

  • 点击你要安装的 npm 包,在弹出的抽屉中切换到【指引】,复制拉取命令

  • 在需要使用到的项目中,执行刚才复制的命令进行拉取,执行完毕后,便能看到拉取成功的提示信息

总结

现在,你已经掌握如何用 CODING 制品库管理 npm 包啦,有需要 demo 源码的童鞋可点击源码

上一篇如何使用 CODING 进行瀑布流式研发
最近更新
感谢反馈有用
感谢反馈没用