babel-plugin-import

按需加载插件。只需要引入模块即可，无需单独引入样式。

import {Button} from 'antd';
ReactDom.render(
<div>
<Button>
XXXX
</Button>
</div>);

安装：

$ cnpm install babel-plugin-import --save-dev

装载：

{
"plugins":[["import",options]]
}options 可以使 对象
style可以为true或者‘css’

{
"libraryName":"antd",
"style":true,
}
{
"libraryName": "material-ui",
"libraryDirectory": "components", // default: lib
"camel2DashComponentName": false, // default: true
}
options可以使一个数组
[
{
"libraryName": "antd",
"libraryDirectory": "lib", // default: lib
"style": true
},
{
"libraryName": "antd-mobile",
"libraryDirectory": "component",
},
]

样式：
导入js模块：

["import", { "libraryName": "antd" }]导入js和css模块（LESS/Sass源文件）：
["import", { "libraryName": "antd", "style": true }]

导入js和css模块（css 内置文件）：

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

注意：如果webpack配置文件添加了vendor库，babel-plugin-import将不会工作。