简单粗暴使用babelimport

那是在做一个react项目的时候，leader审核代码的时候提了一句，‘你这项目的资源太大了，项目本身的性能不太好，项目里的用到的组件antd可以在用的时候再引入’。大佬一句话戳中了痛点，我在项目里边用到了很多引入组件的写法，类似这样的。

比如全局引入组件库的代码

其实这样写也ok，但是架不住页面用到的地方多，就会显得不太优雅。所以就找到了按需引入组件的方法。

关于babel-plugin-import使用，网上找到了非常多的案例，但都没有简简单单的描述怎么使用，不适合小白。

下面我简单说下怎么使用babel-plugin-import组件

1. 创建.babelrc文件（我只用这一种，其他的自行百度）

2. 在.babelrc文件里添加引用的组件

3. 在代码里引入组件

4. 编辑运行之后，在浏览器页面看到结果