Vant按需引入的过程

最新推荐文章于 2023-04-16 10:20:37 发布

weixin_48992836

最新推荐文章于 2023-04-16 10:20:37 发布

阅读量160

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_48992836/article/details/117526824

版权

7 篇文章 0 订阅

订阅专栏

想使用Vant ui框架
1.首先通过npm进行一个下载

# Vue 2 项目，安装 Vant 2：
npm i vant -S

然后按需引入也需要下载插件

# 安装插件
npm i babel-plugin-import -D

然后在根目录下面创建.babelrc
再创建的文件夹上面引入

{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

再在根目录下面创建一个文件夹，在文件夹里面存放引入的组件

import Vue from 'vue';    //按钮的引入
import { Button } from 'vant';
Vue.use(Button);

最后一步在man.js中进行一个引入

import  '../plugins/vant'

关注