vue按需引入vant组件

vant组件库官网:Vant 3 - Mobile UI Components built on Vue

vant安装:    npm i vant -s

 按需引入插件安装: npm i babel-plugin-import -D 

在.babelrec文件中添加按需引入配置

{
   "plugins":[
        ["import",{
            "libraryName":"vant",
            "libraryDirectory":"es",
            "style":true
        }]
    ]
}

在组件中就可以按需引入啦

<template>
    <div>
        <Overlay></Overlay>
    </div>
</template>
<script>
    import {Overlay} from "vant"
    export default{
        components:{
            Overlay:Overlay,
        }
    }
</script>
<style>

</style>