vue，组件库按需加载

1、npm install babel-plugin-component -D
2、
Element-ui:
import {
Button
} from ‘element-ui’;
const element = {
install: function (Vue) {
const Elements = [
Button
]
Elements.forEach(key => {
Vue.use(key, {
size: ‘small’,
zIndex: 3000
})
})
Vue.prototype.$message=MessageVue.prototype.$ELEMENT = { size: ‘small’ }
}}
export default element

Vant:
import {
Button
} from ‘vant’;
const element = {
install: function (Vue) {
const Elements = [
Button
]
Elements.forEach(key => {
Vue.use(key)
})
}}
export default element

3、
babel.config.js：
Element-UI：
module.exports = {
presets: [
‘@vue/cli-plugin-babel/preset’
],
plugins: [
[
“component”,
{
“libraryName”: “element-ui”,
“styleLibraryName”: “theme-chalk”
}
]
]
}
Vant:
module.exports = {
presets: [
[
“@vue/app”,
{
“useBuiltIns”: “entry”,
polyfills: [
‘es6.promise’,
‘es6.symbol’
]
}
]
],
plugins: [
“import”,
{
“libraryName”: “vant”,
“libraryDirectory”: “es”,
style: true
}, ‘vant’
]
};