1、全局引入

  1. import Vant from 'vant';
  2. import 'vant/lib/index.css';
  3. Vue.use(Vant);

2、局部引入

2-1、安装依赖

  1. yarn add vant babel-plugin-import

2-2、配置babel.config.js

  1. module.exports = {
  2. plugins: [
  3. ['import', {
  4. libraryName: 'vant',
  5. libraryDirectory: 'es',
  6. style: true
  7. }, 'vant'],
  8. ["@babel/plugin-syntax-dynamic-import"]
  9. ]
  10. };
  1. //解决组件不能动态引入的问题
  2. ["@babel/plugin-syntax-dynamic-import"]