如何在Node.js或浏览器中直接运行ESM代码？

本文共计1737个文字，预计阅读时间需要7分钟。

如何在Node.js或浏览器中直接运行ESM代码？下面简要介绍如何在Node.js或浏览器中运行ESM代码的方法，希望对大家有所帮助！

+Commonjs+CommonJs+动态导入语句，代码在运行时产生。

在Node.js中运行ESM代码：

1. 安装`esm`包：`npm install esm`

2.使用`esm`包运行ESM模块：`node -r esm your-esm-file.js`

在浏览器中运行ESM代码：

1. 在HTML文件中引入ESM模块：``

2.浏览器会自动处理ESM模块的加载和执行。

怎么在Nodejs或者浏览器直接运行esm代码？下面本篇文章给大家介绍一下在Nodejs或浏览器运行ESM代码的方法，希望对大家有所帮助！

Commonjs

• CommonJs 可以动态加载语句，代码发生在运行时
• CommonJs 导出值是拷贝, 不好排查引起变量污染

ES module(后续简称 esm)

• ESM 是静态的，代码发生在编译时
• ESM 导出是引用值之前都存在映射关系，并且值都是可读的，不能修改 参考 浅析什么是CommonJs和Es Module？有什么区别？

esm 是 JavaScript 模块化的未来。因为它解决了变量污染，代码维护，代码依赖的问题。它让你的代码更加科学。这也是 deno 默认采用 esm 的原因。

回归正题，我们有什么方法在 Nodejs 或者浏览器直接运行 esm 代码，这是个有趣而又实际的问题。