如何使用.babelrc获取babel-plugin-import为antd工作？

Question

我是新来的反应，babel和antd。

我安装了反应并使用create-react-app启动了一个项目。 我安装了antd（ant.design）。它建议使用babel-plugin-import，所以我也安装了它。

如果我理解正确，对巴贝尔-插件导入使用文件说，把这个在.babelrc文件：

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

我无法得到它的工作。我的Web控制台仍具有警示：

您使用antd的全包，请使用 https://www.npmjs.com/package/babel-plugin-import减少应用程序捆绑 大小。

我的项目目录中没有.babelrc文件，所以我创建了一个具有上述内容并重新启动服务器（npm start）的文件。这没有奏效，所以我在myProject/node_modules/babel_plugin_import中创建了一个，但这也不起作用。

该代码段应该去哪里？

截至https://github.com/ant-design/babel-plugin-import底部，它说

巴贝尔-插件导入会，如果你在 的WebPack配置厂商添加库不工作。

但我不知道这意味着什么。

我在这里问了另一个问题：How to get antd working with app created via create-react-app? 也许这个问题与我通过create-react-app创建的项目有关？

Answer 1

[更新2018-02-06：答案仍然正确，但现在有更好的选择，即使用react-app-rewired。这也记录在链接]

您需要按照https://ant.design/docs/react/use-with-create-react-app#Import-on-demand说明一个T.

你应该不创建蚂蚁.babelrc文件或相似。当使用CRA时，所有babel配置都在webpack配置文件内处理。

首先清理您创建的配置文件，并确保已安装babel-plugin-import。

然后弹出你应用程序：npm run eject

这会给你一个config文件夹用于开发/生产环境中2的WebPack配置文件。

打开这些文件并找到需要插入plugins属性的位置，如说明页面中所述。