class组件使用静态变量 并且通过react编译

ok,这种情况直接使用.babelrc，然后 npm start 会出现下面err

 我试着通过.babelrc 配置：

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

 因为package.json里面已经配置了：

"babel":{

"presets":["react-app"]

}

使得.babelrc配置冲突

这样的配置，但是又在根目录下建立了一个babelrc的文件，所以导致重复，但是不可以直接删掉，不然报编译失败

./src/index.js
SyntaxError: D:\Work\ReactPro\src\index.js: Unexpected token (9:16)

 类似这种 err , 所以要把

  "presets": [

      "react-app"

    ]

配置放在babelrc里面，这个的意思是说

指定按照react-app的模式配置babel

，最终我的babel是这么配置的：

{
    "plugins": [
        ["import", { "libraryName": "antd", "style": "css" }]
    ],
    "presets": [
        "react-app"
    ]
}

问题解决，这样的按需引入插件可以比全局引入减少1.2-1.5M左右的大小

 关于，babel的一些配置解释，可以参考这个文章：

http://www.fly63.com/article/detial/5675