vant-ui 按需引入

1.安装vant-ui插件

#先安装vant-ui
cnpm install vant-ui --save	# 再安装按需引入的插件
cnpm i babel-plugin-import -D
// babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式通过 npm 安装
npm i vant -S通过 yarn 安装
yarn add vant//这种导入方式直接在 main.js 文件下引入 以下两个文件就可以了

main.js

import Vant from ‘vant’；
import ‘vant/lib/index.css’；

还要要记得： Vue.use(vant) (安装插件)

2.在babel.config.js中添加配置

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

3.创建一个plugin文件夹，在plugin中定义一个js文件用来存放代码

4.之后在建好得js文件中首先导入vue，在导入需要的vant-ui插件，通过vue.use() 全局注入

5.在min.js里面引入

import 'vant/lib/index.css';
// 全局引入按需引入UI库 vant
import '@/plugins/vant'