vue3中vant ui框架按需加载的配置方法

[ 2022-05-08 22:49:18 | 作者: admin ]

字号: 大 | 中 | 小

1、务必先下载安装vant组件，不要忘记

cnpm i vant -S

2、下载按需加载的插件babel

cnpm i babel-plugin-import -D

3、babel.config.js 中配置

module.exports = {
   presets: ['@vue/cli-plugin-babel/preset'],
   plugins: [
   [
   'import',
   {
   libraryName: 'vant',
   libraryDirectory: 'es',
   style: true
   },
   'vant'
   ]
   ]
}

4、main.js 文件中加载需要的vant组件成员

import { createApp } from 'vue';
import App from './App.vue';
import { Swipe, SwipeItem } from 'vant';

const app = createApp(App);
app.use(Swipe);
app.use(SwipeItem);
app.mount('#app')

[最后修改由 admin，于 2022-05-12 21:50:26]