在前端开发中，我们经常需要使用一些高级的 ES6+ 特性。然而，由于浏览器兼容性的限制，这些特性不一定能够直接在浏览器中运行。es-now 这个 npm 包为我们提供了解决方案，可以让我们在浏览器中直接使用最新版本的 ECMAScript。
es-now 的介绍
es-now 是一个非常简单的 npm 包，可以让你在浏览器中使用最新的 ECMAScript 特性。它使用了 Babel 编译器，可以自动将你写的代码转换成浏览器可以直接运行的代码。
es-now 的使用方法非常简单，只需要在浏览器中引入 es-now 包即可。此外，你也可以使用 es-now 的命令行工具来进行编译。
es-now 的安装
你可以使用 npm 来安装 es-now 包。在命令行中输入以下命令：
npm install --save-dev es-now
这个命令会安装 es-now 包到你的项目中，并将其加入 package.json 的 devDependencies 中。
es-now 的使用方法
在浏览器中使用
要在浏览器中使用 es-now 包非常简单。只需要在 HTML 文件中添加以下代码：
<script src="node_modules/es-now/dist/index.js"></script>
现在，你就可以在浏览器中使用最新的 ECMAScript 特性了。你可以将以下代码插入到你的 HTML 文件中，测试一下是否可以在浏览器中正常运行：
const arr = [1, 2, 3]; const arr2 = arr.map((num) => num * 2); console.log(arr2); // [2, 4, 6]
如果一切正常，你将看到输出 [2, 4, 6]。
使用 es-now 的命令行工具
除了在浏览器中直接使用 es-now 包之外，你还可以使用命令行工具来进行编译。首先，你需要在命令行中输入以下命令来安装 es-now 的命令行工具：
npm install -g es-now-cli
安装完成之后，你可以在任意目录下使用以下命令进行编译：
es-now <filename>
这个命令将会把指定的 JavaScript 文件编译成浏览器可用的代码，并将编译结果输出到命令行中。例如，你可以这样编写一个 JavaScript 文件：
const arr = [1, 2, 3]; const arr2 = arr.map((num) => num * 2); console.log(arr2); // [2, 4, 6]
然后，将这个文件保存为 index.js，并在命令行中输入以下命令：
es-now index.js
这个命令将会编译 index.js 文件并将结果输出到命令行中。
es-now 的优点
使用 es-now 包有很多优点。以下是其中的一些：
- 体验最新的语言特性 在浏览器中使用最新的 ECMAScript 特性。
- 兼容性好 Babel 编译器可以将最新的 ECMAScript 特性转换成浏览器可以直接运行的代码，实现了最大程度的兼容性。
- 易于使用 使用 es-now 包非常简单，仅需一行代码即可在浏览器中使用最新的 ECMAScript 特性。
- 命令行工具支持 es-now 提供了命令行工具，方便开发者进行编译操作。
结论
es-now 是一个非常便捷的 npm 包，它可以让你在浏览器中使用最新的 ECMAScript 特性。它使用了 Babel 编译器，对开发者而言具有很大的便利性。如果你正在进行前端开发，并且希望使用最新的语言特性，那么不妨尝试一下 es-now，它一定不会让你失望。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbddbb5cbfe1ea0611b02