首页 > 解决方案 > 如何为 babel-preset-env 的一组指定目标列出应用转换?

问题描述

我们使用babel-preset-env组指定的浏览器版本作为目标,以便只应用所需的转换。我们希望使这组版本与供应商支持的版本保持一致,同时在该支持中尽可能保持宽松。那么有没有办法列出应用于一组targets. 例如,如果您执行以下操作(如示例):

const presets = [
  [
    "@babel/env",
    {
      targets: {
        edge: "17",
        firefox: "60",
        chrome: "67",
        safari: "11.1",
      },
      useBuiltIns: "usage",
    },
  ],
];

那么我们如何知道将应用于该设置的转换集呢?我们想知道这一点,因为 Firefox ESR 最近更新到了 68,并且最好检查一下更新是否会改变所应用的转换的任何内容。另外,将 Safari 版本更新到 12 会改变什么吗?因为如果不是,那么可能值得坚持使用旧版本号来支持更多用户,因为它不会真正改变我们构建输出中的任何内容。

那么有没有办法获取特定集合的转换列表,targets以了解它将如何影响我们的构建输出?

标签: webpackbabel-preset-env

解决方案


推荐阅读