ES modulesのexport defaultは使わないほうがよい

ES modulesにexport defaultってのがあるんですが、default exportのexport対象に名前が必要でないことがあり、IDEによるコード補完と相性が悪いです。

他のところはどうしてるのかなと思って調べてみると、GoogleのTypeScript Style Guideでは禁止されてました。

• https://github.com/google/ts-style/blob/master/tslint.json#L30 ("no-default-export": true)

Microsoftのcoding guidelineには特に言及はないみたいですね。

• https://github.com/Microsoft/TypeScript/wiki/Coding-guidelines

そもそもexport defaultは仕様が不安定で処理系によって挙動が異なる困ったヤツ*1という認識です。

総じて見るとメリットは特になくデメリットがいくつかあるという状態なので、「使わない」とするのがよさそうな気がします。

*1:うちだとBabelからTypeScriptに移行するときに import React from "react" を import * as React from "react" に書き換える必要がありました。このケースで誰が悪いのかは調べてませんが…。