📌

ReactのtestファイルをTypeScirptで走らせる(ビルドする)方法

2022/05/29に公開
  1. TypeScript のコンパイルに TypeScript を使う場合

    • トランスパイラ:ts-jest
    • jest.config.js で preset: 'ts-jest' を指定
  2. TypeScript のコンパイルに Babel を使う場合

    • トランスパイラ:Babel
    • @preset/typescript と babel-jest をインストール
    • babel.config.js or .babelrc に perset: 'next/babel`を指定
  3. 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