前言
如果你是一名前端开发人员，那么你一定知道 ES6 的语法。ES6 带来了许多便利的新特性，如箭头函数、模板字符串、解构赋值等等，这些都极大地降低了代码的冗余度和提高了代码的可读性。
然而，ES6 还不是所有的浏览器都支持，因此我们需要将 ES6 的代码转换成 ES5 的代码，以便让所有的浏览器都能够正常运行我们的代码。这就需要使用到 webpack、babel 等工具。
在本文中，我们将会重点介绍一个 npm 包，即 babel-preset-eslatest-node6，它是 babel 的 ES6 转码规则，用于将 ES6 代码转换成 ES5 代码。
安装
在使用 babel-preset-eslatest-node6 之前，我们需要保证我们已经安装好了 babel 和其插件。以下是基本的安装步骤：
# 安装 babel npm install babel-core --save-dev # 安装 babel-cli npm install babel-cli --save-dev # 安装 babel-preset-eslatest-node6 npm install babel-preset-eslatest-node6 --save-dev
配置
在安装好了所需的 npm 包之后，我们需要配置 .babelrc 文件：
{ "presets": ["eslatest-node6"] }
使用
我们可以在命令行中使用 babel-cli 进行转码，如下：
babel src/index.js -o dist/index.js
也可以在 webpack 中配置 babel-loader，如下：
-- -------------------- ---- ------- ------- - ------ -- ----- -------- -------- --------------- ------- --------------- -------- - -------- ------------------ - -- -展开代码
示例
为了更好地展示 babel-preset-eslatest-node6 的用法，我们将编写一段示例代码，将 ES6 的代码转换成 ES5 的代码：
-- -------------------- ---- ------- -- --- -- ----- --- - --- -- -- - ------ - - - - -- --- -- ---- -------- --- --- - -------- ------ -- - ------ - - -- --展开代码
结论
在需要将 ES6 代码转换成 ES5 代码的情况下，我们可以采用 babel-preset-eslatest-node6 进行转换。它的使用方法简单，只需要安装好所需的 npm 包之后，配置 .babelrc 文件，并在命令行中使用 babel-cli 或在 webpack 中配置 babel-loader 即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79930
