vite按需引入vant,标签组件有样式,js表达式的组件确没有样式?

作者站长头像
站长
· 阅读数 7

按需引入的vant框架

vite按需引入vant,标签组件有样式,js表达式的组件确没有样式?

js表达式的组件会没有样式,其他在template中的标签组件有样式,是什么原因?

vite按需引入vant,标签组件有样式,js表达式的组件确没有样式?vite按需引入vant,标签组件有样式,js表达式的组件确没有样式?

回复
1个回答
avatar
test
2024-06-20

两种改法。

要么再配合 unplugin-auto-import 插件(需要 vant v4.6.7+)。然后去掉代码里的显式 import。

我看你项目里已经用这个插件了,但是现在只用来自动导入 vue 模块了。再加个 resolver,然后去掉 SFC 里的 import 就行了(切记要去掉手动导入,否则自动导入不会生效,样式自然也就不会被导入)。具体怎么配置官网文档上有。

要么手动把这些函数形式的组件单独全局注册并导入样式:

import { Toast } from 'vant';
import { ImagePreview } from 'vant';
import 'vant/es/toast/style';
import 'vant/es/image-preview/style';

app.use(Toast)
app.use(ImagePreview)
// 其他的不一一列举了
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容