search

wangchaoxx / h5-template

开箱即用的移动端项目基础模板
0 stars 0 forks source link

Vant4 文档移除这个，应该是支持自动导入样式了？! #1

Open M69W opened 4 months ago

M69W commented 4 months ago

https://github.com/980320/h5-template/blob/5ffbf7a242d3fa382aef07ab83357c3ac80572b8/src/utils/vant.ts#L3

https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#fang-fa-er.-an-xu-yin-ru-zu-jian-yang-shi

"@vant/auto-import-resolver": "^1.1.0",

"unplugin-auto-import": "^0.17.5",
"unplugin-vue-components": "^0.26.0",
wangchaoxx commented 4 months ago

image 我看更新日志最新版本应该是可以了吧，我用 4.8.5 版本的不会自动引入

M69W commented 4 months ago

https://github.com/980320/h5-template/blob/main/vite.config.ts#L17-L28

https://github.com/youzan/vant/blob/main/packages/vant-auto-import-resolver/README.md#vite

https://github.com/youzan/vant/commit/66d8a1800c196aa2554d6ea0b458f9ec84c1f27d

package.json

"@vant/auto-import-resolver": "^1.1.0",

"unplugin-auto-import": "^0.17.5",
"unplugin-vue-components": "^0.26.0",

vite.config.js

import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { VantResolver } from "@vant/auto-import-resolver";

AutoImport({
  resolvers: [VantResolver()]
}),
Components({
  resolvers: [VantResolver()]
}),