一、babel-plugin-import 原理

主要有3步：

1. 在importDeclaration节点处，收集依赖，就是获取import { Button } from 'antd'中的Button
2. 在CallExpression等节点处，判断该组件是否使用
3. 对于使用的UI组件，通过addSideEffect/addNamed/addDefault等方式增加额外的css导入语句。

二、babel-plugin-component

babel-plugin-component是fork的babel-plugin-import项目，二者原理、使用方式基本相同。

三、相关资料

1. 简单实现 babel-plugin-import 插件 (opens new window)
2. babel-plugin-component 和 babel-plugin-import区别 (opens new window)