箭头函数未编译

Question

我一直在Visual Studio中使用 Reactjs.net，它编译.jsx文件，其中包含使用箭头函数语法定义的类方法...

class A {
   m = () => {
   }
}

我已经使用 ES2017 预设设置了 Webpack，但它为方法名称后的等号提供了"意外标记"错误。

为什么不编译？

这是我配置中的加载器部分...

module: {
        loaders: [
            {
                test: /.jsx?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2017', 'react']
                }
            }
        ]
    }

Answer 1

我安装了 https://babeljs.io/docs/plugins/preset-stage-2/

并将"stage-2"添加到预设列表中。

在用一些示例代码打开和关闭这里的预设后，我制定了这个解决方案......

https://babeljs.io/repl