Next.jsでエイリアスpathを使用する

Posted at 2022-07-04

結論

tsconfig.jsonでbaseUrlとpathsを設定するだけ

Next.js 9.4以降はnext.config.jsの設定は不要

tsconfig.json

{
  "compilerOptions": {
   // 略
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}