vue 項目按需引入多個ui組件庫

在做項目的過程中遇到了公司組件庫沒有的組件，這個時候需要按需引入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"  //用來標識是不一樣的，如果不添加 會報錯

        ]

    ]


}