使用 rollup.js 的 package.json 中的 pkg.module (.esm.js) 有什么意義

Question

看完這兩篇文章：

https://2ality.com/2017/04/setting-up-multi-platform-packages.html httpsp://github.com/wikirollup/

我仍然不清楚導出 ESM 模塊的意義

"module": "dist/dop.esm.js",

如果我的庫被編寫為 ESM 將其導出到 src 沒有意義？

"module": "src/index.js",

Answer 1

在某些情況下是的。 但是，如果您的源代碼被拆分為多個模塊，則最好將這些模塊的捆綁包公開給庫的使用者。 那是因為一些（嗯）效率較低的捆綁器在組合這些模塊、添加額外字節方面做得不夠好。 如果您的庫要在瀏覽器中使用，最好讓瀏覽器發出單個請求，而不是對每個源模塊發出請求（對於 HTTP/2 仍然如此）。

還有一種情況是您的源代碼正在導入需要由 Rollup 插件處理的非 JS 文件（例如 JSON 或 TypeScript）——在庫級別處理它比期望庫的使用者維護要容易得多正確的配置。