ESMとは

今まで、フロントエンドエンジニアにもかかわらず、ESM とはよく分からずに開発をしていたので、今回調べてみました。

ESMについて

ECMAScript の仕様の一部で、JavaScriptにおけるモジュールシステム。

• JavaScriptファイルで別のJavaScriptファイルを読み込む仕組み
• Common.js の上位互換
• Node.js にも対応

---

モジュール（例）

// sample.js
const sample = () => {
 return 'test'
}

export {
 sample
}

呼び出して使う（例）

// index.js
import {sample} from './index.js'

const handleClick = () => {
 sample()
}

---

以上、ESM についてです。
今後追加で分かったことがありましたら、更新していく予定です。
間違いなどございましたら、教えていただきたいです。