在webpack中使用es6新特性class中遇到的问题

报错：

 Support for the experimental syntax 'classProperties' isn't currently enabled 

出错的代码

class myClass{
> 6 |     static info = "这是myClass的静态属性"
    |                 ^
  7 | 
  8 | }

原因

因为webpack不能完全识别es6的一些新语法
所以要在babel中配置能够识别新语法的插件

解决方法

 cnpm i '@babel/plugin-proposal-class-properties' -D

babel基本配置这里就不说明了
在.babelrc中配置

{
     "presets":["@babel/preset-env"],
     "plugins":["@babel/transform-runtime","@babel/plugin-proposal-class-properties"]
}

再运行

npm run dev

就不会报错了