如何将Babel配置为只输出2017/现代代码？

Question

我正在尝试用优化插件和babel配置web，以创建模块/名称包。事实上，我不太介意规范模式，但我希望确保正确配置babel以输出es2017代码。在几个图文中，例如这一个，我发现了一个像'es2017‘这样的预设，但是在babel中，它似乎不再支持了。相反，我应该使用'@babel/preset-env'和浏览器列表配置。我不太清楚我该如何编写浏览器列表。现在，我想说的是：

module.exports = { 
  presets : [ '@babel/preset-env' ],
  
  targets : {
    browsers: "last 2 versions, not dead, not IE 11",
    esmodules: true
  }
};

但不是很确定..。有人能告诉我哪一个是完美的吗？

Answer 1

我刚刚通过阅读来自这段代码的这里找到了一个答案。它很简单：

'last 2 Chrome versions',
'last 2 Safari versions',
'last 2 iOS versions',
'last 2 Edge versions',
'Firefox ESR',

并且由于此问题而不使用esmodules目标，如上面关于链接代码的注释中所述：

https://github.com/babel/babel/issues/8809

即使我们可能使用babel 8，我们也可以使用它：

https://github.com/babel/babel/pull/12189