📌
ReactのtestファイルをTypeScirptで走らせる(ビルドする)方法
-
TypeScript のコンパイルに TypeScript を使う場合
- トランスパイラ:ts-jest
- jest.config.js で preset: 'ts-jest' を指定
-
TypeScript のコンパイルに Babel を使う場合
- トランスパイラ:Babel
- @preset/typescript と babel-jest をインストール
- babel.config.js or .babelrc に perset: 'next/babel`を指定
-
Next12 以降
- トランスパイラ:Next-SWC
- jest.config.jsにnext/jestプラグインを使用して設定ファイルを作成
- メリット1
- jest.cofing.json の記述の簡略化
- メリット2
- ビルドの高速化
- 参考記事
https://mongolyy.hatenablog.com/entry/2021/08/29/221906
https://zenn.dev/miruoon_892/articles/e42e64fbb55137
Discussion