1.初始化项目环境

1.初始化git和package.json

# 初始化git
git init
# 初始化package.json
yarn init -y

2.添加jest环境

# 添加TS环境
yarn add typescript --dev
npx tsc --init
# 下载jest依赖
yarn add jest @types/jest --dev

测试jest代码运行

在根目录下创建src目录，以及如下文件

src
└── reactivity
    ├── tests
    │   └── index.spec.ts
    └── index.ts

在index.spec.ts文件下编写如下代码进行测试

it("init", () => {
  expect(true.toBe(true))
})

执行yarn test命令,控制台得到成功结果

添加支持modules环境

jest默认支持的是node的common模块，要使用es6的modules需要添加babel来进行转换代码。

# 下载bebel
yarn add babel-jest @babel/core @babel/preset-env --dev 
# 根目录创建babel.config.js文件，添加如下代码

module.exports = {   presets: [["@babel/preset-env", { targets: { "node": 'current' } },'@babel/preset-typescript']], };

在index.ts文件下添加add方法进行导出

export function add(a, b) {
  return a + b;
}

index.spec.ts导入add方法进行使用测试

import { add } from '../index'

it("init", () => {
  expect(add(1, 2)).toBe(3)
})

重新执行yarn test命令

标签：初始化,项目,babel,环境,init,yarn,add,index,jest
来源： https://www.cnblogs.com/guoLiCheng1/p/16333928.html