ES6のモジュールで、デフォルトのimportにエイリアスをつける場合

2020年10月9日

以下のように、hoge はデフォルトでエクスポートされているとします。

const hoge = () => 'hoge';
export default hoge;

これを別名でインポートしたい場合は、以下のようにします。

import hogehoge from './hoge';

as を使ってしまうと、構文エラーになりますのでご注意ください。

import hoge as hogehoge from './hoge'; //構文エラー