__602 vant2vant2 安装改变全局引入或按需引入需要重启全局注册方式按需引入方式一键添加方式抽离

安装改变全局引入或按需引入需要重启

npm i vant@latest-v2

全局注册方式

import Vant from 'vant'
import 'vant/lib/index.css'

Vue.use(Vant)

按需引入方式

npm i babel-plugin-import -D

babel.config.js

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

main.js

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

一键添加方式

vue add vant

抽离

plugin/vant.js

import Vue from 'vue';
import Vant, { Button, Rate } from 'vant';

Vue.use(Button);
Vue.use(Rate);

main.js

import "@plugin/vant.js"

‍