javascript - Babel加载器失败

我有以下示例类，其中包含示例类属性arrow函数：

class ExampleClass {
    example = (params) => {
        return params
    }
}

不幸的是，这种构造尚未得到很好的认可：

ERROR in ./node_modules/example/example.js
Module parse failed: Unexpected token (284:12)
You may need an appropriate loader to handle this file type.
|
|     example = (params) => {
|         return params
|     }
 @ ./src/example/index.js 8:17-48
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:8081 ./src

我一直在使用以下babel预设和webpack配置：

Webpack配置

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlPlugin = new HtmlWebPackPlugin({
    template: "./src/index.html",
    filename: "./index.html"
});

module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
            {
                test: /\.css$/,
                use: ["style-loader", "css-loader"]
            }
        ]
    },
    plugins: [htmlPlugin]
};

.babelrc

{
    "presets": ["env", "react", "es2015", "stage-2"]
}

我不知道我还需要在这里导入什么，我承认我不确定我将如何通过谷歌搜索找到答案。

最佳答案

我认为您可以使用这种语法在类中声明方法。

class ExampleClass {
    example(params) {
        return params
    }
}

关于javascript - Babel加载器失败，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50375724/