向 package.json 脚本传递参数的正确方法

向 package.json 脚本传递参数的正确方法

本文旨在解决如何向 `package.json` 脚本中的 `playwright test` 命令传递参数的问题。通过分析直接修改 `package.json` 脚本和使用 Makefile 两种方法,详细讲解了如何实现参数传递,并提供了相应的示例代码和注意事项,帮助开发者更灵活地控制测试流程。

在前端开发中,我们经常需要在 package.json 文件中定义各种脚本来执行构建、测试等任务。有时候,我们需要向这些脚本中的命令传递参数,以实现更灵活的控制。本文将探讨如何向 package.json 脚本中的 playwright test 命令传递参数,并提供两种解决方案:直接修改 package.json 脚本和使用 Makefile。

方法一:直接修改 package.json 脚本

最直接的方法是将参数直接添加到 package.json 脚本中。例如,如果你想要运行名为 “myTestName” 的测试,你可以这样修改 package.json 文件:

"scripts": {  "test:debug": "yarn build && playwright test --project=chromium-debug -c build -g 'myTestName' && ts-node ./src/logs/generateLog.ts"}

然后,你可以简单地运行 yarn test:debug 命令。

优点: 简单易懂,易于实现。

缺点: 每次需要运行不同的测试时,都需要修改 package.json 文件,不够灵活。

方法二:使用 Makefile

Makefile 是一种用于自动化构建过程的工具。我们可以使用 Makefile 来定义命令,并允许在调用命令时传递参数。

创建 Makefile 文件

在你的项目根目录下创建一个名为 Makefile 的文件。

编辑 Makefile 文件

在 Makefile 文件中添加以下内容:

test:    yarn build && playwright test --project=chromium-debug -c build -g '$(g)' && ts-node ./src/logs/generateLog.ts

注意: Makefile 中命令行的缩进必须使用 TAB 字符,而不是空格。如果使用空格,make 命令会报错。

运行命令

现在,你可以使用以下命令来运行测试,并通过 g 变量传递测试名称:

make test g="myTestName"

这将会执行以下命令:

yarn build && playwright test --project=chromium-debug -c build -g 'myTestName' && ts-node ./src/logs/generateLog.ts

优点: 更加灵活,可以在运行时动态传递参数。

缺点: 需要安装 make 工具,并且需要学习 Makefile 的语法。

注意事项:

确保你的设备上安装了 make 工具。Makefile 中的缩进必须使用 TAB 字符。变量名 g 可以根据你的需求进行修改。

总结

本文介绍了两种向 package.json 脚本中的 playwright test 命令传递参数的方法。直接修改 package.json 脚本简单易懂,但不够灵活。使用 Makefile 则更加灵活,可以在运行时动态传递参数,但需要安装 make 工具并学习 Makefile 的语法。你可以根据自己的需求选择合适的方法。希望本文能帮助你更好地控制测试流程。

以上就是向 package.json 脚本传递参数的正确方法的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1533240.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
使用Vuetify构建轻量级WYSIWYG富文本编辑器
上一篇 2025年12月21日 00:24:43
JavaScript 获取当前日期之前的日期
下一篇 2025年12月21日 00:24:51

相关推荐

  • 怎么用豆包AI帮我写PHP Laravel路由 用AI构建RESTful API的秘诀

    怎么用豆包AI帮我写PHP Laravel路由 用AI构建RESTful API的秘诀怎么用豆包AI帮我写PHP Laravel路由 用AI构建RESTful API的秘诀怎么用豆包AI帮我写PHP Laravel路由 用AI构建RESTful API的秘诀怎么用豆包AI帮我写PHP Laravel路由 用AI构建RESTful API的秘诀

    使用豆包ai写php laravel路由的关键在于清晰描述需求。1. 明确说明api结构,如“管理商品的api路由,需分页、认证中间件、路径前缀是/api/v1”,ai会生成对应路由代码并可限制暴露方法;2. 告知laravel版本及是否启用api路由,避免冗余代码或遗漏配置;3. 让ai生成控制器…

    2026年9月27日 • 用户投稿
    000
  • 京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则

    京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则

    在京东购物时,不少消费者都曾面临类似的疑问:当需要为不同地址的亲友选购商品时,是否可以将多个收货地址的物品合并成一个订单完成支付?这个问题虽然表面简单,但背后牵涉到京东平台的订单架构、促销机制以及物流调度等多个系统层面的设计。本文将全面解析京东多地址下单的相关规则,并深入探讨其背后的运行逻辑。 一、…

    2026年9月27日 • 用户投稿
    100
  • 深拷贝与浅拷贝的区别是什么?如何实现深拷贝?

    深拷贝与浅拷贝的区别是什么?如何实现深拷贝?深拷贝与浅拷贝的区别是什么?如何实现深拷贝?深拷贝与浅拷贝的区别是什么?如何实现深拷贝?深拷贝与浅拷贝的区别是什么?如何实现深拷贝?

    深拷贝会递归复制对象所有嵌套属性,确保新旧对象完全独立,而浅拷贝仅复制引用,导致修改相互影响;常用深拷贝方法包括JSON.parse(JSON.stringify(obj))、递归函数处理循环引用和特殊对象,或使用Lodash的_.cloneDeep()及现代API structuredClone(…

    2026年9月27日 • 用户投稿
    100
  • 夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法

    夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法

    可通过夸克APP设置修改默认下载路径,进入“设置-下载设置-下载路径”选择目标文件夹,实现文件集中管理。 如果您在使用夸克网盘下载文件时希望将文件保存到指定目录,而不是系统默认的存储路径,可以通过调整应用内的下载设置来实现。修改下载路径有助于更好地管理文件,避免文件分散在不同位置。 本文运行环境:华…

    2026年9月27日 • 用户投稿
    100
  • 使用Spring Boot构建JSON格式的算术操作POST API教程

    使用Spring Boot构建JSON格式的算术操作POST API教程使用Spring Boot构建JSON格式的算术操作POST API教程使用Spring Boot构建JSON格式的算术操作POST API教程使用Spring Boot构建JSON格式的算术操作POST API教程

    本教程将指导您如何使用Spring Boot框架创建一个接收JSON格式请求的POST API端点。该API能够根据请求中的操作类型(加、减、乘)对两个整数执行算术运算,并返回包含操作结果和指定用户名的JSON响应。文章将详细介绍如何定义数据传输对象(DTOs)、枚举类型、实现业务逻辑服务以及构建R…

    2026年9月27日 • 用户投稿
    100
  • 豆包AI怎么转换语言 豆包AI语言转换方法

    豆包AI怎么转换语言 豆包AI语言转换方法豆包AI怎么转换语言 豆包AI语言转换方法豆包AI怎么转换语言 豆包AI语言转换方法豆包AI怎么转换语言 豆包AI语言转换方法

    豆包ai切换界面语言及指定回复语言的方法如下:1. 打开豆包app或网页版,进入“设置” → “通用设置” → “语言”,选择所需语言保存即可切换界面语言;2. 提问时明确说明所需回复语言,如“请用英文回答”,或使用提示词“[en]”、“[fr]”等,ai将按要求输出对应语言。界面语言更改不影响ai…

    2026年9月27日 • 用户投稿
    100
  • sublime怎么快速生成lorem ipsum文本_sublime快速生成Lorem Ipsum文本技巧

    sublime怎么快速生成lorem ipsum文本_sublime快速生成Lorem Ipsum文本技巧sublime怎么快速生成lorem ipsum文本_sublime快速生成Lorem Ipsum文本技巧sublime怎么快速生成lorem ipsum文本_sublime快速生成Lorem Ipsum文本技巧sublime怎么快速生成lorem ipsum文本_sublime快速生成Lorem Ipsum文本技巧

    使用Emmet插件输入lorem后按Tab可快速生成占位文本,如lorem10生成10个单词,p*3>lorem3生成3段每段3词;在非HTML文件中可用Text Pastry插件输入;l5生成5个单词;还可自定义Snippet,创建lipsum触发词插入预设文本,提升编辑效率。 在使用 Su…

    2026年9月27日 • 用户投稿
    200
  • Gemini可以预测超新星爆发吗 Gemini天体事件预警系统

    Gemini可以预测超新星爆发吗 Gemini天体事件预警系统Gemini可以预测超新星爆发吗 Gemini天体事件预警系统Gemini可以预测超新星爆发吗 Gemini天体事件预警系统Gemini可以预测超新星爆发吗 Gemini天体事件预警系统

    谷歌gemini 2.5在超新星爆发预测中展现出强大能力,其通过分析历史数据与实时观测信息识别关键特征,如恒星亮度变化、光谱演变和环境扰动;构建天体事件预警系统需五个步骤:1.数据收集,2.数据处理,3.模式识别,4.实时监控,5.快速响应;然而实际应用中仍面临数据质量不一、标准不统一、训练样本不足…

    2026年9月27日 • 用户投稿
    100
  • 谈谈你对Java抽象类和接口的理解,以及它们之间的区别

    谈谈你对Java抽象类和接口的理解,以及它们之间的区别谈谈你对Java抽象类和接口的理解,以及它们之间的区别谈谈你对Java抽象类和接口的理解,以及它们之间的区别谈谈你对Java抽象类和接口的理解,以及它们之间的区别

    抽象类提供共享状态和部分实现,适用于“is-a”关系;接口定义行为契约,支持多重继承,适用于“can-do”关系。 Java的抽象类和接口,在我看来,是面向对象设计中实现多态和代码复用的两大利器,但它们的设计哲学和应用场景有着本质的区别。简单来说,抽象类更像是一个“半成品”的父类,它允许你定义一些通…

    2026年9月27日 • 用户投稿
    100
  • Claude如何优化多语言翻译 Claude语言模型微调方法

    Claude如何优化多语言翻译 Claude语言模型微调方法Claude如何优化多语言翻译 Claude语言模型微调方法Claude如何优化多语言翻译 Claude语言模型微调方法Claude如何优化多语言翻译 Claude语言模型微调方法

    优化claude多语言翻译能力的核心在于理解其运作机制并结合数据与策略进行干预,主要通过提示工程和模型微调两个层面实现。1. 提示工程是第一把利器,通过提供上下文、明确指令和高质量示例提升表现,例如指定翻译风格、受众或术语处理方式,并采用少样本学习引导模型理解偏好。2. 当面对专业领域或低资源语言时…

    2026年9月27日 • 用户投稿
    300
  • win10 1909操作中心显示灰色怎么办?

    win10 1909操作中心显示灰色怎么办?win10 1909操作中心显示灰色怎么办?win10 1909操作中心显示灰色怎么办?win10 1909操作中心显示灰色怎么办?

    在使用windows 10 1909版本的过程中,有时候可能会遇到操作中心呈现灰色且无法开启的情况。这种情况可能是由于系统内部存在某些冲突导致的。为了解决这个问题,我们可以尝试通过执行干净启动来查找并修复问题,或者选择重新安装系统来彻底解决问题。接下来,让我们看看具体的操作步骤。 Windows 1…

    2026年9月27日 • 用户投稿
    300
  • 夸克怎么设置默认搜索引擎_夸克浏览器默认搜索工具修改方法

    夸克怎么设置默认搜索引擎_夸克浏览器默认搜索工具修改方法夸克怎么设置默认搜索引擎_夸克浏览器默认搜索工具修改方法夸克怎么设置默认搜索引擎_夸克浏览器默认搜索工具修改方法夸克怎么设置默认搜索引擎_夸克浏览器默认搜索工具修改方法

    1、打开夸克浏览器,点击右下角三横线菜单;2、进入设置→通用或搜索与浏览→搜索引擎;3、选择百度、谷歌、必应或夸克AI搜索设为默认,新标签页和地址栏将同步生效。 如果您在使用夸克浏览器时希望更改默认的搜索服务,以便每次输入关键词时自动调用您偏好的搜索引擎,可以按照以下步骤进行调整。此设置将直接影响新…

    2026年9月27日 • 用户投稿
    300
  • sublime如何设置python的flake8检查_sublime Python Flake8配置方法

    sublime如何设置python的flake8检查_sublime Python Flake8配置方法sublime如何设置python的flake8检查_sublime Python Flake8配置方法sublime如何设置python的flake8检查_sublime Python Flake8配置方法sublime如何设置python的flake8检查_sublime Python Flake8配置方法

    首先安装SublimeLinter和SublimeLinter-flake8插件,再通过pip install flake8安装工具,配置flake8可执行文件路径,保存.py文件时自动检查代码风格并显示错误,支持自定义规则。 安装 Flake8 插件 在 Sublime Text 中使用 Flak…

    2026年9月27日 • 用户投稿
    100
  • 请写一个必然会产生死锁的示例程序

    请写一个必然会产生死锁的示例程序请写一个必然会产生死锁的示例程序请写一个必然会产生死锁的示例程序请写一个必然会产生死锁的示例程序

    死锁必然发生,因代码满足互斥、持有并等待、不可抢占和循环等待四条件:线程1持lock_a等lock_b,线程2持lock_b等lock_a,形成循环依赖,导致双方永久阻塞。 死锁,在多线程编程里,它就像一个狡猾的陷阱,一旦触发,程序就会陷入无尽的等待。它不是一个“可能”发生的问题,而是在特定条件下“…

    2026年9月27日 • 用户投稿
    100
  • iPhone11Mini密码设置失败怎么办?解决小型iPhone密码设置问题

    答案:iPhone 11 Mini密码设置失败通常非硬件问题,多因系统缓存、设置限制或密码规则导致。可依次尝试重启设备、检查系统更新、关闭屏幕使用时间限制、更换密码类型、重置所有设置,最后才考虑抹掉并恢复数据。忘记密码时,官方唯一解决方式为抹掉设备并从备份恢复,强调定期备份的重要性。避免失败需保持电…

    2026年9月27日
    100
  • Laravel认证系统怎么快速搭建_Laravel认证系统快速搭建方法

    最直接的方法是使用Laravel Breeze,它提供完整的认证功能。首先创建项目并安装Breeze,运行php artisan breeze:install选择Blade模板,接着安装前端依赖并编译资源,最后执行数据库迁移。完成后即可访问注册和登录页面。Breeze轻量简洁,适合中小型项目;若需团…

    2026年9月27日
    100
  • sublime怎么配置lua lsp_sublime Lua LSP配置教程

    sublime怎么配置lua lsp_sublime Lua LSP配置教程sublime怎么配置lua lsp_sublime Lua LSP配置教程sublime怎么配置lua lsp_sublime Lua LSP配置教程sublime怎么配置lua lsp_sublime Lua LSP配置教程

    首先安装LSP和LuaExtended插件,再安装sumneko/lua-language-server,最后在LSP设置中配置正确路径,即可实现智能提示、跳转定义等功能。 要让 Sublime Text 支持 Lua 语言的智能提示、跳转定义、自动补全等高级功能,配置 LSP(Language S…

    2026年9月27日 • 用户投稿
    200
  • Java 中的异常体系结构是怎样的?Error和Exception有什么区别?

    Java 中的异常体系结构是怎样的?Error和Exception有什么区别?Java 中的异常体系结构是怎样的?Error和Exception有什么区别?Java 中的异常体系结构是怎样的?Error和Exception有什么区别?Java 中的异常体系结构是怎样的?Error和Exception有什么区别?

    Java异常体系以Throwable为根,分为Error和Exception:Error表示JVM无法恢复的严重问题,如OutOfMemoryError,通常不捕获;Exception表示可处理的异常,又分受检异常(如IOException,编译器强制处理)和非受检异常(如NullPointerEx…

    2026年9月27日 • 用户投稿
    200
  • 360极速浏览器手机版怎么扫描二维码_移动版扫一扫功能使用入口

    360极速浏览器手机版怎么扫描二维码_移动版扫一扫功能使用入口360极速浏览器手机版怎么扫描二维码_移动版扫一扫功能使用入口360极速浏览器手机版怎么扫描二维码_移动版扫一扫功能使用入口360极速浏览器手机版怎么扫描二维码_移动版扫一扫功能使用入口

    360极速浏览器手机版可通过搜索框二维码图标或底部工具栏“更多”按钮进入扫一扫功能,授权相机后对准二维码即可快速识别并跳转页面。 如果您需要在手机上快速扫描二维码以访问链接或获取信息,360极速浏览器手机版提供了便捷的扫一扫功能。以下是具体的操作方法和使用入口。 本文运行环境:小米14,Androi…

    2026年9月27日 • 用户投稿
    100
  • 语音转字幕+画面匹配:AI剪辑工具的核心功能揭秘

    语音转字幕+画面匹配:AI剪辑工具的核心功能揭秘语音转字幕+画面匹配:AI剪辑工具的核心功能揭秘语音转字幕+画面匹配:AI剪辑工具的核心功能揭秘语音转字幕+画面匹配:AI剪辑工具的核心功能揭秘

    语音转字幕和画面匹配的核心在于利用语音识别技术和智能分析实现字幕与画面同步。首先,选择支持自定义词库和高稳定性的语音识别工具可提升识别准确率;其次,ai通过分析画面变化、识别说话人及调整字幕位置实现精准匹配;最后,实际应用中需注意时间轴微调、多语言支持、导出格式兼容性及样式统一等细节,以确保最终效果…

    2026年9月27日 • 用户投稿
    100

发表回复

登录后才能评论
关注微信