vant UI 按需引入

Posted 2021-06-18 liyunlonggg

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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

以上是关于vant UI 按需引入的主要内容，如果未能解决你的问题，请参考以下文章

vant-ui 按需引入

vant UI 按需引入

Vue3.0+Vant ui配置按需引入（非vue-cli3.0）