使用 auto-import-resolver 自动导入方案，showToast 样式异常

[LLoyou00]

重现链接

https://codesandbox.io/p/devbox/vant-4-issue-template-forked-krwnzx?workspaceId=9400e5bf-025d-413b-b67a-67f1c3e8592a

Vant 版本

4.9.5

描述一下你遇到的问题。

首先，auto-import-resolver 好像没法自动导入 toast 的 css 文件，所以我进行了手动导入，但出现了另一个问题，如果我在 main.js 中导入 toast 的 css 文件，由于 toast 本质是一个 popup，而 popup 的样式文件是在 toast 之后导入的，优先级更高，所以会覆盖掉 toast 的样式，导致 toast 无法正常显示。

给的链接没有配置 auto-import-resolver，只是通过手动导入 css 文件模拟了一下上述的情况。

重现步骤

RT

设备/浏览器

No response

[zhaojjiang]

问题还存在吗，给出的链接失效了

[LLoyou00]

问题还存在吗，给出的链接失效了

是的，而且我发现不仅 showToast 有这个问题，showDialog 也有同样的问题，同样是没法通过 auto-import-resolver 自动导入CSS 文件，手动在 main.js 导入的话，又有会被自动导入的 popup 的CSS文件影响，我现在是又把 toast 和 dialog 的样式重新定义了一次，加上 important 提高优先级。

[zhaojjiang]

按你的描述，我之前手动导入，以及现在自动导入，两种情况下都没有遇见过你说的问题，所以还是需要一个示例

[LLoyou00]

按你的描述，我之前手动导入，以及现在自动导入，两种情况下都没有遇见过你说的问题，所以还是需要一个示例

不好意思，重新检查了一下代码，发现是我又通过 import 手动导入了 showToast 函数，

大概是这样，然后查看页面，确实没有导入 toast 的 css 文件

删除 import 语句后就正常了，通过 auto-import 自动导入的话没有问题。

[zhaojjiang]

这个问题在初始 PR #12679 中有提到过，即手动/显式导入时不会处理样式，只有在 auto-import 自动导入时才会处理，但我查阅文档发现好像没有这一部分的说明

[chenjiahan]

欢迎补充文档～

[MayfliesST]

单独在main.ts中引入样式：
import "vant/es/toast/style";
import "vant/es/dialog/style";
import "vant/es/image-preview/style";

参考：openim-h5

不知道是否有其他影响