怎么使用babel-plugin-antd这个插件呢?

[umijs]

怎么使用babel-plugin-antd这个插件呢?

[hust419]

babel-plugin-antd 的文档也太简单了，完全不知所云。
依然搞不清楚，为什么会出现这个提示？ 为什么要有这个提示。
为什么要用babel-plugin-antd，用了有什么好处
怎么用babel-plugin-antd...... 一堆疑问

[FairyRoc]

您好，使用babel-plugin-import的时候经常会有一个问题：当我加载一个子Component的时候，它会引起import插件的自动加载style功能，例如import {Menu,SubMenu} from 'antd'，就会报错sub-menu/style不存在，请问有什么方法解决吗？谢谢

[sorrycc]

@afc163 这个提示是根据什么判断做出的?

[pigcan]

同问

[afc163]

https://github.com/ant-design/ant-design/blob/master/index.js

走这个文件就会出现，直接 import 'antd/lib/xxx' 或是用了 babel-plugin-antd 就不会出现，楼主应该是不会配置 babel-plugin

[afc163]

#18

[hong26]

@afc163 我也知道直接 import 'antd/lib/xxx'，不会出现提示，但问题是这样做的话引用的组件一多就非常麻烦了，所以才想问问怎么使用babel-plugin-antd。具体要配置哪里呢？

[Catlite91]

报错：Module build failed: Error: Plugin 1 specified in "/Users/panda/workspace/olympus/mobile/.babelrc" provided an invalid property of "style"

.babelrc添加配置：
"plugins": [
"antd", {"style": true}
]
请问是这么配置么？

[guimuv5]

同问

[afc163]

https://github.com/ant-design/babel-plugin-antd#usage

[hong26]

前两天一直在忙着研究组件,今天再看了一下,终于把问题解决了.按官方文档先安装babel-plugin-antd,然后在webpack.config.js的loaders里面jsx这一项添加一个plugins: [['antd', {style:'css'}]],就可以了.希望对有相同问题的同学有用.

[Witee]

还是不能用，报错：
Module build failed: TypeError: The plugin ["antd",{"style":"css"}] didn't export a Plugin instance

[Witee]

我当时的解决办法是 babel 版本升级到6以上，之前用的是5，但随之会引来新的问题，google 后解决

[freyhill]

同问呀

[lcoder]

@hust419 对的，完全搞不清楚这个插件是干嘛的。

[biggeryan]

https://ant.design/docs/react/getting-started-cn 文档里面有说明的

[hansinhu]

Note：
babel-plugin-import will be not working if you add the library in webpack config vendor.