タイトルの通り。

詳細

まず前提知識として、webpack には resolve.alias というオプションがあって、module を import する時の path に任意の alias を付けることができる。

で、TS も使っている場合は webpack の設定にあわせて tsconfig の compiler options の baseUrl と paths あたりを設定する必要がある。

逆に tsconfig だけしか設定していないとどうなるかというと、型チェック時に型の解釈はしてくれるけど、コンパイル後のコードに alias はそのまま残ってしまう。

ちなみにこれはTSでわりと有名な落とし穴で、下のissueの盛り上がりっぷりをみると alias が変換されると思って躓いた人は多そう。 TSのissue/10866

だけど Next.js では（正確には v9.4 以降は）tsconfig を書くだけでよしなにやってくれる。webpack の設定を明示的に書く必要がなくてちょっと便利、という話。