标签：初始化 项目 babel 环境 init yarn add index jest

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。