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

如何调试本地npm package

背景:

在不发布的情况下调试本地的npm包,有以下两种方式:

离线调试

此种模式适用于本地npm package 已经比较稳定,需要在项目中使用这个npm package。
在本地npm package项目中,使用npm pack创建一个tgz文件,这个文件是本地npm package的压缩包。

在另一个项目中,使用npm install命令加上tgz文件的路径来安装这个本地npm包。

例如:

# 在你的本地npm package目录下执行
$ npm pack
[package-name]-[package-version].tgz# 在另一个项目中安装。 安装完成后,你可以在另一个项目中像使用任何其他npm包一样使用这个本地包。
$ cd workspace
$ npm install /path/to/[package-name]-[package-version].tgz

实时调试

此种模式适用于本地npm package 需要频繁调试的阶段,优点是不需要频繁打包重新安装,可以达到实时调试的效果。
可以在package.json中的scripts部分添加一个自定义命令,并在其中使用npm link。这样,你就可以在本地开发的同时,在任何项目中直接链接到你的npm包。

例如:

// package.json中的scripts部分
{"scripts": {"dev": "ng serve","link": "npm link"}
}

在你的npm包目录下运行npm run link,然后在项目中运行npm link [package-name]来创建一个全局链接。这样,你就可以直接在项目中使用本地npm包,并在开发过程中实时看到变化。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【前端】Flutter vs uni-app:性能对比分析
  • 系统架构设计师: 信息安全技术
  • Wazuh的安装和基本使用
  • 日志管理之Logrotate
  • 目标检测-YOLOv2
  • nefu 转专业到计算机相关专业(软件)的个人经历分享
  • STM32点亮第一个LED
  • 【RabbitMQ】工作模式
  • 如何模拟一个小程序项目打包的流程
  • 力扣题解2555
  • STM32F1+HAL库+FreeTOTS学习10——任务相关API函数使用
  • Vue/cli不同环境下打包后js文件没有添加hash值-会导致缓存问题-解决
  • 基于C#+SQLServer 2005实现(CS界面)校园卡消费信息系统
  • Redis:发布(pub)与订阅(sub)实战
  • Python-pptx:如何在幻灯片中轻松插入与填充表格
  • python3.6+scrapy+mysql 爬虫实战
  • [笔记] php常见简单功能及函数
  • 【mysql】环境安装、服务启动、密码设置
  • 【MySQL经典案例分析】 Waiting for table metadata lock
  • Apache Spark Streaming 使用实例
  • C学习-枚举(九)
  • HTML5新特性总结
  • IIS 10 PHP CGI 设置 PHP_INI_SCAN_DIR
  • JavaScript异步流程控制的前世今生
  • jdbc就是这么简单
  • k8s如何管理Pod
  • LintCode 31. partitionArray 数组划分
  • Mac转Windows的拯救指南
  • MySQL-事务管理(基础)
  • React-redux的原理以及使用
  • 编写高质量JavaScript代码之并发
  • 读懂package.json -- 依赖管理
  • 深度学习在携程攻略社区的应用
  • 新版博客前端前瞻
  • 用 Swift 编写面向协议的视图
  • 优化 Vue 项目编译文件大小
  • 再谈express与koa的对比
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • 阿里云服务器购买完整流程
  • # 飞书APP集成平台-数字化落地
  • #{} 和 ${}区别
  • #07【面试问题整理】嵌入式软件工程师
  • #设计模式#4.6 Flyweight(享元) 对象结构型模式
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • (2)MFC+openGL单文档框架glFrame
  • (9)STL算法之逆转旋转
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (PySpark)RDD实验实战——取最大数出现的次数
  • (STM32笔记)九、RCC时钟树与时钟 第一部分
  • (vue)页面文件上传获取:action地址
  • (笔试题)分解质因式
  • (第8天)保姆级 PL/SQL Developer 安装与配置
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (附源码)springboot宠物管理系统 毕业设计 121654