vant移动端组件按需加载引入方法

先按vant文档,给他配置好babel

除了下载npm i babel-plugin-import -D

还需要在.babel.config中配置 

// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
};

vant的按需加载,在配置完成后，还需要按照固定的写法,但是文档内却只字不提

组件内引入使用

import { Field,Cell } from "vant";
import { Calendar } from "vant";

局部注册
components: {
    [Field.name]: Field,
    [Cell.name]: Cell,
    [Calendar.name]: Calendar,//你用的时候还得按照这样的格式再次注册,不然报错
}