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

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

解决办法如下:
vue+vant 按需引用控件,没有vant样式解决办法_第1张图片
这里看好了 按需引入组件,需要安装一个包
npm i babel-plugin-import -D

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

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

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

vue+vant 按需引用控件,没有vant样式解决办法_第2张图片
就是这个!!添加代码
vue+vant 按需引用控件,没有vant样式解决办法_第3张图片
在运行项目
在这里插入图片描述

成功解决问题!!!

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

你可能感兴趣的:(vue,vant,vue)