如何使用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"]
]}