vant3按需引入没有样式的解决

创建vue cli项目

vue create demo
vue ui

安装vant

npm i vant -S
yarn add vant -S

下载按需引入插件

cnpm i babel-plugin-import -D

在vue.config.js中配置一下代码

module.exports = {
   plugins: [
     [
       "import",
       {
         "libraryName": "vant",
         "libraryDirectory": "es",
         "style": true
       }
     ]
   ]
}

在src下新建config目录 新建vant.config.js文件，可以将需要使用到的vant组件在这里引入

import {Button, Icon} from 'vant';

export function vant(app) {
    app.use(Button)
    app.use(Icon)
}

在main.js中引入 vant.config.js文件

import { vant } from '@/config/vant.config.js'

使用：App.use( vant )

可以使用啦！！！ 给我点赞！！！🍨🍨🍨