如何检测ES模块是否是主模块？

Question

如何检测 ECMAScript 模块是否是主模块？这对于 CommonJS 模块来说很容易（请参阅检测是否通过 require 调用或直接通过命令行调用）。

没有
```
require
```
或
```
require.main
```
没有
```
process.mainModule
```
```
import.meta
```
没有任何线索，只有
```
url
```

Answer 1

您可以使用

es-main

。

来自包自述文件：

import esMain from 'es-main';
 
if (esMain(import.meta)) {
  // Module run directly.
}

注意：该模块只能在 Node.JS 环境中工作，因为模块代码使用原生 Node.JS 模块。

Answer 2

在浏览器中我不知道，但在带有

.mjs

模块的节点中，以下似乎可以工作：

const isMainModule = import.meta.url.endsWith(process.argv[1])

说明：

import.meta.url

以协议开头

file://

例如：

file:///path/to/my/module.mjs

但是在node中，process.argv[1]更短，例如：

/path/to/my/module.mjs

所以

endsWith

在这里很有用。

Answer 3

在网络浏览器中，目前严格来说这不可能通过 JS 实现，但在 HTML 的帮助下，这是可以做到的。

例如，如果您有一个页面

foo.html

导入脚本，

<!-- foo.html -->

<body>
  <script type="module" src="./foo.js"></script>
</body>

你可以在模块中这样写：

// foo.js

function main() {
  // code specifically for foo.html, for example a demo of some APIs
  if (exampleA) doSomething()
  if (exampleB) doSomethingElse()
}

// Run the demo code only on the foo.html page.
if (location.pathname.endsWith('foo.html')) main()

// Export some APIs that some other page (or users of a library) might use:

export function doSomething() { ... }

export function doSomethingElse() { ... }

现在，在其他一些文件中，例如

bar.html

可能会实现一些不同的演示，它可以从

doSomething()

导入

foo.js

而无需

foo.js

运行其演示代码：

<!-- bar.html -->

<script type="module" src="./bar.js"></script>

// bar.js

import {doSomething} from './foo.js'

if (location.pathname.endsWith('bar.html')) {
  // ... run bar.js demo only on bar.js ...
}

// bar.js may export other APIs for other demos or end users:

export function doAnotherThing() { ... }

这是 CodePen 上的一个实例，用于将内容从一支笔共享到另一支笔：

以下笔有一个演示，并导出一些可重用的功能：

https://codepen.io/trusktr/pen/YzGbeKG

注意它是如何