vant UI 按需引入

vantUI

安装: cnpm install vant -save
官网:vantUI

安装插件

npm i babel-plugin-import -D

在.babelrc中配置plugins(插件)

"plugins": [
    "transform-vue-jsx", 
    "transform-runtime",
    ["import",{"libraryName":"vant","style":true}]
  ]

创建一个commpent文件夹

在里面床架另一个vant.js

import Vue from 'vue'

// https://youzan.github.io/vant/#/zh-CN/home
import {
  Button,
  Toast,
  Dialog,
  Field,
  ...
} from 'vant'

Vue.use(Toast)
  .use(Dialog)
  .use(Notify)
  .use(Field)
  ...

在mian.js中 import '../commpent/vant.js

上一篇:vue3main引入


下一篇:基于mpvue+vant自定义微信小程序的tabbar组件