vant-ul组件的按需引入

1.安装插件:

        

npm i babel-plugin-import -D

2.在babel.config.js中配置

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

3.在src里创建 plugins文件夹 在里面创建 vant.js文件

        需要什么在里引入什么就好

import Vue from 'vue'
import { Button } from 'vant'
Vue.use(Button)

3.在main.js中引入

import  '@/plugins/vant'

4.根据vant手册我们可以装vant插件

        例

npm i vant -S

: