Nextjs のパスエイリアス

1626 ワード

そのようなインポートを書くのにうんざりしていませんか?

import test from '../../../components/Test.tsx';

typescript を使用している場合は、代わりにパスエイリアスを作成できます.

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

次に、より便利にインポートできます.

import test from '@/components/Test.tsx';

実行中のタスクを再起動して、変更を有効にすることを忘れないでください.

この問題について(Nextjs のパスエイリアス), 我々は、より多くの情報をここで見つけました https://dev.to/avxkim/path-aliases-in-nextjs-4pio

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

Nextjs のパス エイリアス