我有以下示例类,包含示例类属性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"]
}
我不知道我还需要在这里导入什么,我承认我不确定如何通过谷歌搜索找到它。
答案 0 :(得分:2)
我认为您可以使用此语法在类中声明方法。
class ExampleClass {
example(params) {
return params
}
}