vue vant 按需导入

1 、安装插件 npm i babel-plugin-import -D

 

2、根目录创建：babel.config.js 中配置

module.exports = {

presets: [

'@vue/cli-plugin-babel/preset'

],

plugins: [

['import', {

libraryName: 'vant',

libraryDirectory: 'es',

style: true

}, 'vant']

]

}

3、创建src/utils 文件夹，创建vant-ui.js

import Vue from 'vue'

import { Button,Rate } from 'vant';

Vue.use(Button)

Vue.use(Rate)

 

4、使用

<van-button type="warning">主要按钮</van-button>

<van-rate v-model="value" />