vant按需引入_第三方组件库的按需加载可以有效减小体积，提高性能，那如何操作...

项目中经常会需要引入第三方组件库，如果直接引入整个组件库，会导致项目的体积太大。

以下为项目中引入 element-ui 组件库为例，完整引入是这样的：(在 main.js 中写入以下内容)

UI库目前有 77 个组件，如果我只需要其中 2个组件，那怎么办呢？

解决方案：按需引入

可以借助 babel-plugin-component ，再根据项目需要的组件，选择性引入组件，以达到减小项目体积的目的。

第一，安装 babel-plugin-component 插件：

npm install babel-plugin-component -D

第二将 .ba，belrc 修改为：

第三，在 main.js 中引入部分组件：

接下来，如果你只希望引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容：

此次只引入了 Button 和 Select 这两个组件，而不是来者不拒，全部引入。