当前位置: 首页 > news >正文

本地调试指引文档

在开发组件库时,我们经常需要在真实的项目中测试组件库的功能,所以需要进行本地调试,本文介绍两种组件库本地调试流程,
1.使用beta版本
2.使用npm link

两种都可以作为本地调试的方案,本文作为一个参考资料,减少后续的重复工作并降低错误风险

1.使用 beta 版本

(1)在开发完之后,需要进行本地测试时,将组件库package.json文件的version版本设置为xxx-beta.x,例如
在这里插入图片描述

(2)执行npm publish发布到npm源

(3)进入npm源服务网站确认是否发布成功

在这里插入图片描述

(4)设置项目中package.json文件dependencies的组件库版本为发布的beta版本,执行npm install安装

2.npm link

使用npm link,创建一个组件库库的链接,将当前的包注册到全局下,可以在项目中通过npm link xx来链接组件库

(1)在组件库项目中执行 npm link 命令,创建链接。这将在全局 node_modules 目录中注册你的组件库。

(2)因为node_modeules中的依赖采用本地的组件库,所以可以先删除掉package.json文件dependencies的组件库依赖和对应node_modeules中的文件

(3)本地项目中执行npm link @tencent/merchant-ui-components

(4)执行 ls -l node_modules/@tencent/merchant-ui-components,确认是否成功link,如果成功link,node_modeules中的组件库文件会更新成我们本地的版本
在这里插入图片描述

(5)如果需要结束调试,可以执行npm unlink @tencent/merchant-ui-components,取消链接

http://www.lryc.cn/news/414651.html

相关文章:

  • 【C++】一堆数组 冒泡排序
  • [最短路SPFA]--启动!!!!!
  • 大模型是否潜在地进行多跳推理?
  • 人为什么不能长期待在家里?三个原因告诉你答案
  • MATLAB画散点密度图(附代码和测试数据的压缩包)
  • SSH配置命令
  • 谷粒商城实战记录-虚拟机开启密码认证登录
  • C语言程序设计-[1] 基础语法
  • JavaSE第11篇:设计模式
  • 【Unity Shader】切线空间下计算凹凸映射
  • 解决Ubuntu/Kali手动创建的启动器在dock上没有图标,且不能“添加到dock中“的问题
  • 【Android】数据持久化——数据存储
  • 如何通过谷歌外链快速增加网站流量?
  • vLLMcuda安装笔记
  • C++入门基本语法(2)
  • Internet Download Manager(IDM)2024中文版本有哪些新功能?6.42版本功能介绍
  • 深入理解 C 语言中的联合体
  • OpenCV||超详细的几何变换
  • 网络程序设计基础概述
  • MySQL:数据库用户
  • 用TensorFlow训练自己的第一个模型
  • MySQL数据库入门基础知识 【1】推荐
  • Anaconda下的 jupyter notebook安装及使用
  • C语言初阶(11)
  • Unity获取Animator动画播放完成事件
  • git submodule 使用
  • 【Jenkins未授权访问漏洞 】
  • 前端处理 Excel 文件
  • (vue)el-cascader级联选择器按勾选的顺序传值,摆脱层级约束
  • Redis进阶(四):哨兵