npm 包 @types/heft-jest 使用教程

前言

在前端开发中,使用 Jest 进行单元测试已成为一种常见的方式。而使用 @rushstack/heft(一个集成了多种打包、构建工具的工具链)来管理项目构建的开发者,可能会遇到无法识别 Jest API 的情况。这时,我们就需要使用 @types/heft-jest 这个 npm 包来解决问题。

安装

在使用 @types/heft-jest 之前,我们需要先安装它。

--- ------- ---------- ----------------

使用方法

配置 Jest

首先,我们需要在 package.json 中添加 Jest 的配置。例如:

-
  ------- -
    ----------------------- ------ ------ ----- -------
    ------------ -
      ------------------------- ---------
    --
    ------------ -----------------------
    ---------- -
      ---------- -
        ----------- ---------------
      -
    -
  -
-

引入 @types/heft-jest

接着,在 Jest 的测试文件中,我们需要引入 @types/heft-jest。

------ -------
------ - ---------------------------- - ---- -------------------

使用 JestHeftEnvironmentVariables

接下来,我们可以使用 JestHeftEnvironmentVariables 这个类型来获得一些工具链的环境变量,例如:

---------- ------------------------------ -- -- -
  ----- ---------------------------- - ----------- -- ------- -- -----------------------------

  ---------------------------------------------------------------
  --------------------------------------------------------------------------
  ----------------------------------------------------------------------
  -----------------------------------------------------------------
---

以上代码将会获得一些工具链的环境变量。

完整示例

以下是一个完整的示例代码:

------ -------
------ - ---------------------------- - ---- -------------------

---------- ------------------------------ -- -- -
  ----- ---------------------------- - ----------- -- ------- -- -----------------------------

  ---------------------------------------------------------------
  --------------------------------------------------------------------------
  ----------------------------------------------------------------------
  -----------------------------------------------------------------
---

总结

@types/heft-jest 是一个提供给使用 @rushstack/heft 的开发者使用的包,能够解决 Jest 无法识别 @rushstack/heft API 的问题。通过本文的介绍,我们已经学会了如何安装和使用它。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5f6aec97a9b7065299ccb8ad


猜你喜欢

  • npm 包 @jimp/tiff 使用教程

    在前端开发中我们常常需要对图片进行处理,那么一个好用的图片处理工具是必不可少的。今天我们就来介绍一个 npm 包 @jimp/tiff,它是一个基于 Jimp 的 TIFF 格式图片处理工具。

    4 年前
  • npm 包 @jimp/types 使用教程

    简介 @jimp/types 是一个用于 Jimp 图像处理库的扩展模块,它为 Jimp 添加了更多的图像编码格式支持。它可以打包成一个 npm 模块,安装后可以轻松地与 Jimp 连接并运行。

    4 年前
  • npm包 @ibezkrovnyi/tslint-rules使用教程

    如果你是一个前端开发人员,你可能已经熟悉 npm 包管理器。在这篇文章中,我们将深入了解如何使用npm包 @ibezkrovnyi/tslint-rules,它是一个TypeScript Lint R...

    4 年前
  • npm 包 image-q 使用教程

    在现代 Web 开发过程中,图像占据了很大一部分的地位。而当我们需要对这些图像做处理,如压缩、裁剪、变换等操作时,一款良好的图像处理库尤为重要。其中,image-q 就是一款非常优秀的 npm 包,它...

    4 年前
  • npm 包 @jimp/plugin-resize 使用教程

    1. 简介 @jimp/plugin-resize 是 Jimp 图片处理库的一个插件,可以对图像进行缩放、裁剪等操作。本文将介绍使用该 npm 包进行图像缩放的方法和实践。

    4 年前
  • npm 包 @dadi/log-filter 使用教程

    介绍 @dadi/log-filter 是一个用于对 Node.js 日志进行过滤操作的 npm 包。该包可以帮助开发者更轻松地处理大规模的日志信息,从中筛选出需要的数据内容,提高应用的可读性和可维护...

    4 年前
  • npm 包 dbc 使用教程

    在前端开发中,我们经常需要引入各种第三方库,以提高效率和缩短开发时间。而 npm 是一个非常好用的包管理工具,我们可以通过它来安装和管理各种包。 今天我们要介绍的是一个名为 dbc 的 npm 包,它...

    4 年前
  • npm 包 aws-kinesis-writable 使用教程

    前言 随着云计算和大数据的不断发展,云原生架构和数据流处理也逐渐成为了前端工程师需要掌握的技术。本文将介绍一款 npm 包 aws-kinesis-writable,它是一个将数据流写入 AWS Ki...

    4 年前
  • npm 包 node-redis-streamify 使用教程

    介绍 node-redis-streamify 是一个基于 Node.js 和 Redis 的流式数据处理库。它提供了基于 Node.js 流和 Redis 流的连接,使得我们可以方便地使用 Redi...

    4 年前
  • npm 包 redis-rstream 使用教程

    redis-rstream 是一个 npm 包,它提供了对 Redis 数据库的读取流功能。在前端开发中,我们经常需要读取存储在 Redis 中的数据,例如用户会话信息、缓存数据等。

    4 年前
  • npm 包 awscred 使用教程

    在使用 AWS 的服务时,为了更加便捷地进行授权,我们可以使用 awscred 这个 npm 包来处理 AWS 认证。本文将详细讲解 awscred 的使用方法,读者可以通过本文快速了解如何使用 aw...

    4 年前
  • npm 包 kinesis 使用教程

    简介 Kinesis 是 AWS 云计算服务提供的流数据平台,可以方便地处理高吞吐量的实时数据。npm 上的 kinesis 包提供了与 Kinesis Stream 的交互能力,可以在 Node.j...

    4 年前
  • npm 包 redis-wstream 使用教程

    在前端开发中,经常需要与 Redis 数据库进行交互,而 redis-wstream 是一个可以在 Node.js 中与 Redis 数据库进行数据流式写入的 npm 包。

    4 年前
  • npm 包 @deepstream/protobuf 使用教程

    简介 @deepstream/protobuf 是一个用于 JavaScript 应用程序中序列化和反序列化支持协议缓冲区数据的npm包。 这个包是基于Google的开源协议缓冲区机制的。

    4 年前
  • npm 包 @deepstream/client 使用教程

    前言 随着现代 Web 技术的飞速发展,前端开发的同时也变得更加复杂。前端开发者不仅需要掌握 HTML、CSS、JavaScript 等基础技能,还需要学习 React、Vue 等常用框架、Webpa...

    4 年前
  • npm 包 deepstream.io-service 使用教程

    在现代化的 Web 应用程序中,实时数据同步是一个经常出现的需求。深度流是一个专注于实时数据同步的 NPM 包,它提供了完整的实时数据同步解决方案。在这篇文章中,我们将重点介绍如何使用 deepstr...

    4 年前
  • npm 包 fengari 使用教程

    什么是 fengari fengari 是一个用于解析和执行 Lua 代码的 JavaScript 运行时。它可以在浏览器、服务器和移动平台等不同环境中使用,可以在 JavaScript 与 Lua ...

    4 年前
  • NPM包 fengari-interop使用教程

    在前端开发中,JavaScript一直扮演着重要的角色。然而,JavaScript只是一个脚本语言,难以解决某些高级问题。为此,我们需要使用其他语言来解决这些问题。

    4 年前
  • npm 包 rollup-plugin-closure-compiler-js 使用教程

    介绍 在前端开发中,对网站性能优化的要求越来越高,减少加载时间成为了必须的任务。其中之一就是通过压缩 JS 文件来减少文件大小,进而提高页面加载速度。rollup-plugin-closure-com...

    4 年前
  • npm 包 rollup-plugin-typescript3 使用教程

    在前端开发中,使用 TypeScript 提高了我们代码的可读性和可维护性。但是,TypeScript 文件在浏览器中无法直接运行,需要将其编译成 JavaScript。

    4 年前

相关推荐

    暂无文章