搭建业务组件库

[zhaobinglong]

参考

https://juejin.cn/post/6844904177554964494 https://juejin.cn/post/6844904085808742407 https://juejin.cn/post/6844903901641048071

案例

https://github.com/VV-UI/VV-UI

[zhaobinglong]

实现按需加载

按需加载，本质上是把一个组件库的不同组件拆分成不同文件，按照需要引用对应的文件，而该文件暴露一个install方法，供Vue.use使用。 比如：我只想引用element库里的一个Button组件

import Button from 'element-ui/lib/Button.js'
import Button from 'element-ui/lib/theme-chalk/Button.css'

Vue.use(Button);

实现全量加载

// 组件testA和组件testB全量导入
import testA from './testA'
import testB from './testB'
export default {
    install(Vue) {
        Vue.use(testA);
        Vue.use(testB)
    },
}