import exportで使いたい関数を読み込むメモ(default)

ピュアなJavaScirptで、export、importして、ある関数を使いたかったが、

動かなかった背景でした。

なので、動くサンプルを備忘録。

読み込み元側

<script type="module" src="A.js" async></script>

// A.js
export const HOGE = () => {
  // 使いまわしたい処理が入る
}
HOGE();

export default HOGE;

<script type="module" src="B.js" async></script>

// B.js
import { HOGE } from "./A.js";
HOGE();

読み込み元で、exportが、constとdefault前に、計2個必要と思っていましたが、

export default HOGE;　だけでよかったみたい。

参考