使用脚手架创建的项目,webpack配置是被隐藏的,而webpack默认是不支持babelrc的,所以我们需要暴露webpack配置

1.使用npm run eject 命令()
在此之前我们需要执行这个两个命令,
git add .
git commit -m 'init'
2. 在webpack.config.js中找到babelrc,将其改为true,意思是支持babelrc配置
3. 在项目根目录下新建.babelrc文件添加如下配置

{
    "plugins": [
    ["import", { "libraryName": "antd", "style": "css" }]

    ],
    "presets": [
        "react-app"
    ]
}
4. 删除package.json中关于babel的配置