ESM

• 全名叫 EcmaScript Module，提供了更簡潔的的語法，支援靜態載入模組、有助於靜態檢查、效能優化等等。
• 目前處於 Plan for New Modules Implementation 的第三階段
  • 已經可以支援 .js 檔名，不需要強制命名 .mjs

Plan for New Modules Implementation: https://github.com/nodejs/modules/blob/master/doc/plan-for-new-modules-implementation.md

優點

• 支援靜態分析
• 未來的 ECMAScript 標準
• 新版的瀏覽器已原生支援

缺點

• 新版的 Node.js 12 才支持

誰在使用它

• Babel
• 新版的 Node.js

在後端使用 ESM 範例

npm init -y
npm i faker -D

在 packages.json 加入 type 屬性

"type": "module"

新增一個 app.js

import faker from 'faker'
console.log(faker.internet.email())

執行 node --experimental-modules app.js

資料來源

• Exploring ES6
• What’s New in Node 12

延伸閱讀

• import | MDN web docs
• 網站如何開始使用 ES6 / ES2015 模組化技術進行前端開發 by 保哥