Vitest 設定檔筆記

ViTest

TypeScript

Next.js

發布於 2024-04-23

在 Vitest中使用path alias

大部分的專案會在tsconfig.json中設定path alias，這樣在import的時候會比較簡潔，假設今天在tsconfig中設定了如下的alias

"paths": {
   "@/*": ["./src/*"]
 }

在寫test case時想要用同樣的alias去引入component或function進行測試，這時候就可以在vitest.config.ts中設定如下：

import path from 'node:path';
import { defineConfig } from 'vitest/config';
 
export default defineConfig({
 test: {
   alias: {
     '@': path.resolve(__dirname, './src'),
   },
 },
});

在Vitest中使用環境變數

在vitest中預設只能access到process.env中有VITE_前綴的環境變數，如果想要用到其他環境變數，則可以在vitest.config.ts中設定如下：

import { defineConfig } from 'vitest/config';
import { loadEnv } from 'vite';
 
export default defineConfig({
  test: {
    env: loadEnv('', process.cwd(), ''),
  },
});