摘要：
在项目建设过程中，我们遇到了公司组件库中没有的组件。此时，我们需要按需导入elementUI。同时，该公司的组件库也按需导入，减少了项目量。不用多说，直接编写代码：首先，我们需要使用babel插件组件npminstallbabel插件-D。其次，我们找到bable.congig。js来配置插件：[['ssomeplugin'，{}]，['ssomeplugin'，{}，'someuniquename]，]这是插件安装格式，我们需要向对象添加另一个值，我们需要确定这是一个不同的模块。exports={预设：['@vue/cli plugin-label/reset']，插件：[[“component”，//1.全局介绍//{//“libraryName”：“公司自己的组件库”，//“camel2Dash”：false，//“libDir”：“dist”，//”style“：false//}//2.按需介绍｛“libraryName:”meri design“，”camel2DDash“：false，”libDir“：”dist“，“styleLibrary”：｛“name”：“theme”，”：true｝｝，]，[“component”，｛“libraryName”：“element ui”，“styleLibraryName”“theme shark”，｝，“el”//用于识别差异。如果未添加，将报告错误]]}
在做项目的过程中遇到了公司组件库没有的组件，这个时候需要按需引入elementUI ，同时公司的组件库也是按需引入的，减少项目的体积。
话不多说直接上代码：
首先：我们需要借助 babel-plugin-component，npm install babel-plugin-component -D
其次：我们找到我们的 bable.congig.js 来配置
plugins: [
['some-plugin', {}],
['some-plugin', {}, 'some unique name'],
]
这个是插件安装的格式，需要再加入一个值在对象中，我们需要来标识这是不一样的东西
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
"component",
// 1.全局引入
// {
// "libraryName": "公司自己的组件库",
// "camel2Dash": false,
// "libDir": "dist",
// "style": false
// }
// 2.按需引入
{
"libraryName": "meri-design",
"camel2Dash": false,
"libDir": "dist",
"styleLibrary": {"name": "theme", "base": true}
},
], [
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk",
},
"el" //用来标识是不一样的，如果不添加 会报错
]
]
}