Next.jsでNuxt.jsみたいにエイリアスを使う

Next.jsで開発しているとimport Foo from "../../../hoge"のように相対パスがわかりにくくなりがち。Nuxt.jsのエイリアスのようなものがあればいいが、Next.jsには組み込まれてはいないっぽい。
なので、babelのプラグインであるbabel-plugin-module-resolverをつかって以下のようにエイリアスを設定することで、上記のインポート文がimport Foo from "＠/hoge"とわかりやすくかけるようになる。

.babelrc

{
  ...
  "plugins": [
    [
      "module-resolver",
      {
        "alias": {
          "@": "."
        }
      }
    ]
  ]
}