Java 中使用 Babel 和 Polyfill 编译 ES6 代码 案例

好的，我可以为你提供一个使用 Babel 和 Polyfill 编译 ES6 代码的案例。

首先，你需要安装 Babel 和相关的插件。你可以通过 npm 来安装，命令如下：

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/polyfill

接下来，你需要创建一个 `.babelrc` 文件，这个文件用来配置 Babel 的转换规则。你可以将以下代码复制到 `.babelrc` 文件中：

{
  "presets": [
    ["@babel/preset-env", {
      "useBuiltIns": "usage",
      "corejs": 3
    }]
  ]
}

这里的 `"useBuiltIns": "usage"` 表示根据代码中使用的功能自动引入相应的 Polyfill，`"corejs": 3` 表示使用 Core.js 版本 3。

接下来，你可以在你的 ES6 代码中使用新特性，例如：

const arr = [1, 2, 3];
const newArr = arr.map(item => item * 2);
console.log(newArr);

然后，你可以使用以下命令将 ES6 代码编译为 ES5 代码：

npx babel src --out-dir lib

这里的 `src` 表示源代码目录，`lib` 表示编译后的代码目录。

最后，你需要在你的 HTML 文件中引入 Polyfill：

<script src="https://cdn.polyfill.io/v3/polyfill.min.js?features=default"></script>

这里的 `features=default` 表示引入所有的 Polyfill，你也可以根据你的需要修改它。

以上就是使用 Babel 和 Polyfill 编译 ES6 代码的一个简单案例。希望能对你有所帮助！