问题场景描述:
1、 即使安装了"@babel/plugin-proposal-class-properties": "^7.8.3"
2、在.babelrc中配置了
"plugins": [ "@babel/plugin-proposal-class-properties"]
仍会有报错
解决办法
参考https://github.com/babel/babel/issues/8577
即使在yarn添加@ babel / plugin-proposal-class-properties -D并添加@ babel / plugin-proposal-class之后,导致此问题在我们的monorepo中不起作用的原因,在于没有在webpack.config.js中明确说明插件。
.babelrc webpack babel中的插件下的-properties仍未获取该插件的存在。只有在webpack.config.js中明确说明了插件之后,才构建项目(即使在rm -rf node_modules之后,yarn)。
在webpack.config.js中标明(注意exclude结合自己项目来):
{
test: /\.(mjs|js|jsx)$/,
exclude: /node_modules\/(?!@ok\/)/,
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env',
{
plugins: [
'@babel/plugin-proposal-class-properties'
]
}
]
}
}