前端 npm

202 阅读2分钟

1. 本地调试

npm 包的本地开发调试可使用 npm linkyarn link 等工具实现。 例如:

bbg/psyduck项目 (所要开发的npm包)

$ yarn link  // 创建了一个软链接,即一个快捷方式。
$ npm run start // 运行项目

crm-fe项目(宿主项目)

$ yarn link "@bbg/crm-area" // 连接所开发包的项目名
$ npm run dev // 运行项目

2. 测试版本

测试版本的格式

1.0.0-beta.0

  • 第一个1为主版本号
  • 第二个0为子版本号
  • 第三个0为阶段版本号

注意,我们是在正式版本后面加上beta.0,.0 表示的是哪个版本,如果测试过程中发现了新问题需要修改,只需把 .0 改为 .1,以此类推。

❗️ 发版前要进行修改版本号

beta版本先递增之后再发版,例如,目前版本是1.4.2,如果修复了一个缺陷,对应的beta版本就发1.4.3-beta.0

版本号的修改规则

  • 主版本号:当功能模块有较大的变动,比如增加多个模块或者整体架构发生变化。此版本号由项目决定是否修改。
  • 子版本号:当功能有一定的增加或变化,比如增加了对权限控制、增加自定义视图等功能。此版本号由项目决定是否修改。
  • 阶段版本号:一般是 Bug 修复或是一些小的变动,要经常发布修订版,时间间隔不限,修复一个严重的bug即可发布一个修订版。此版本号由项目经理决定是否修改。

❗️ 如果有人和你同时开发要进行,部署前要合并对方的代码,否则在项目中可能会报错。

3. 发版方式

方法一:手动发版

# 发布 beta 版本
$ npm version 1.4.0-beta.0
$ npm publish --tag beta

# 更新版本
$ npm version xxx(版本号)
$ git push origin xxx
# 例如 video-player 发布流程
$ yarn i
$ yarn build
$ yarn publish



# 发布好后在使用这个包的项目里
# 检查是否更新到你指定的版本
$ npm info @bbg/video-player 

# 确认更新好后
$ npm i @bbg/video-player@xxx -S  (xxx是版本号) 

方法二:页面工具发版

Gitlab的CI/CD: 只需要依靠一份".gitlab-ci.yml",将该文件随代码上传,Gitlab就会自动执行相应的任务,从而实现CI/CD。

创建beta-XX 分支合并你的开发分支(会对包含beta关键字的分支进行自动构建),推到gitlab,会进行自动部署一次,点击右边的' deploy-beta-job '手动部署。

测试完毕使用自己feat-XX分支合master