@babel/preset-env

@babel/preset-env是一个可以根据配置自动确定所需的Babel插件和polyfill的智能预设。

该预设管理是针对支持现代浏览器的特性进行开发，使其能够更方便地在不同环境下编写最新的JavaScript代码。

安装

使用npm，可以简单地在项目中安装@babel/preset-env：

npm install --save-dev @babel/preset-env

使用

在.babelrc文件中应用babel-preset-env：

{
  "presets": ["@babel/preset-env"]
}

这将使用preset-env中默认的配置选项来转换您的代码。如果需要进行更细粒度的控制，可以在.babelrc文件中提供选项：

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "chrome": "58",
          "ie": "11"
        }
      }
    ]
  ]
}

在这个例子中，我们指定了最小的浏览器版本支持：

• Chrome 58
• IE 11

该预设会自动为这些版本的浏览器应用必要的插件和polyfills，以使您在这些浏览器中运行的代码能够与最新的JavaScript语法兼容。

结论

使用@babel/preset-env可以帮助您编写最新的JavaScript代码，同时在不同环境下提供最佳的兼容性支持。该预设提供了许多选项，可以根据需要进行配置，以便更好地定制您的项目。