vue+vant 按需引用控件,没有vant样式解决办法

4 篇文章 0 订阅

前言:
最近分离一个vue项目,把代码分离后,所需要的包均已安装。最后发现运行后,没有vant的样式。
一度以为是版本问题,重新安装原来版本后还是无法解决。于是再去看了下官网的文档
,成功解决问题,vant样式出来了。

解决办法如下:
在这里插入图片描述
这里看好了 按需引入组件,需要安装一个包
npm i babel-plugin-import -D

安装后,需要去.babelrc文件添加如下代码

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

当初眼瞎浪费了半个小时,没有在工程文件中找到这个文件,

在这里插入图片描述
就是这个!!添加代码
在这里插入图片描述
在运行项目
在这里插入图片描述

成功解决问题!!!

在这里再说下按需引用的代码,在main.js文件中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
我在想都引用这么多了,要不要直接引用全部。求大佬告知!

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值