如何使用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。在这里查看一下。

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