需要添加属性externals: ['vue'] // 防止Vue打包进组件库代码中

ui项目中lib/index.js 很关键

import Demo from './demo/src/main.vue'
import Card from './card/src/main.vue'

export const components = {
  Demo,
  Card
}

const install = function (Vue) {
  if (install.installed) return
  Object.keys(components).forEach((key) => {
    console.info('key', key)
    Vue.component(components[key].name, components[key])
  })
}
const Index = { install }
export default Index

这样按需引入试一下

import Demo from 'mooc-ui/dist/demo.umd'

import Card from 'mooc-ui/dist/card.umd'

Vue.use(Demo)

Vue.use(Card)