使用脚手架创建的项目,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的配置