使用 rollup.js 的 package.json 中的 pkg.module

Question

看完这两篇文章后：

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

https://github.com/rollup/rollup/wiki/pkg

我仍然不清楚导出 ESM 模块的意义，例如

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

如果我的库被编写为 ESM 将其导出到 src 没有意义？

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

Answer 1

在某些情况下是的。但是，如果您的源代码分散在多个模块中，最好将这些模块的捆绑包公开给您的库的使用者。那是因为一些（咳咳）效率较低的打包器在组合这些模块、添加额外字节方面做得不够好。如果您的库要在浏览器中使用，最好浏览器可以发出单个请求而不是对每个源模块的请求（这对于 HTTP/2 仍然如此）。还有一种情况是，您的源代码正在导入需要由 Rollup 插件处理的非 JS 文件（例如 JSON 或 TypeScript）——在库级别处理它比期望库的使用者维护要容易得多正确的配置。