Babel-preset-env 是一个非常实用的 Babel 插件，它能够根据目标运行环境的配置来自动设置需要编译的语法特性。这种能力使得我们不再需要手动去设置需要编译的转译插件，只需要在 Babel 配置中加入这个插件即可进行编译。
安装
如果你还没有安装 Babel，可以执行以下命令全局安装 Babel：
npm install -g babel-cli
安装 Babel-preset-env 插件：
npm install --save-dev babel-preset-env
使用示例
在 .babelrc 文件中添加配置：
{
"presets": ["env"]
}这样，所有需要编译的语法特性就会根据目标环境进行自动选择。
默认情况下，Babel-preset-env 会根据目标运行环境（即当前环境）的配置来自动选择需要编译的语法特性，可以在 package.json 文件中配置：
{
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}这里使用 browserslist 来声明需要兼容的浏览器以及其版本要求，同时也可以通过配置文件和环境变量来进行配置。
示例解析
假设我们需要将以下代码编译成 ES5 语法：
const [a, b, ...rest] = [1, 2, 3, 4];
可是恰巧目前有部分用户仍需要在 IE11 浏览器上使用我们的网站，那么我们就需要使用 Babel-preset-env 插件来自动选择需要编译的语法特性：
-- -------------------- ---- -------
-
---------- -
------- -
---------- -
----- ----
-
--
-
-在这里，我们指定了目标浏览器是 IE11，Babel-preset-env 将会将代码自动转译成 ES5 语法。
其他版本特性转译也可以通过类似的方式实现。
总结
Babel-preset-env 的使用使得我们的代码可以非常容易地适配到各种环境中，为我们的开发工作省去了不少工作量，提高了开发效率。
在实际开发中，我们只需要在 .babelrc 文件中添加该插件，并在 package.json 中配置需要兼容的环境即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d3dc648841e98949fb932