javascript - 如何使用 webpack 将 ES6+ 代码编译成 ES6？

Question

我想将我的代码编译为 ES6 而不是 ES5。这是我的 babelrc。

{
"presets": [
    [
        "env",
        {
            "modules": false,
            "useBuiltIns": true,
            "targets": {
                "browsers": ["Chrome >= 60"]
            }
        }
    ],
    ["react"],
    ["stage-2"]
]}

使用 babel-cli，可以编译正确的 ES6 代码。例如

但是当我在相同的 babel 配置中使用 webpack、babel-loader 时，我的 ES6 代码被编译为 ES5。

那么如何使用 Webpack 将 ES6+ 代码编译为 ES6+ 代码呢？

webpack 会把 ES6+ 代码编译成 ES5 吗？

Answer 1

有选项目标选项esmodules。检查一下here .

{
"presets": [
    [
        "@babel/preset-env",
        {
            "modules": false,
            "useBuiltIns": true,
            "targets": {
                "browsers": ["Chrome >= 60"],
                "esmodules": true
            }
        }
    ],
    ["@babel/preset-react"]
]}