feat: add unplugin-auto-import to rsbuild example

vant-ui · Mar 17, 2024 · c24cc0c · c24cc0c
1 parent 96695bf
commit c24cc0c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/vant/rsbuild/auto-imports.d.ts b/vant/rsbuild/auto-imports.d.ts
@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const showToast: typeof import('vant/es')['showToast']
+}
diff --git a/vant/rsbuild/package.json b/vant/rsbuild/package.json
@@ -12,10 +12,11 @@
     "vue": "^3.4.12"
   },
   "devDependencies": {
-    "@rsbuild/core": "^0.4.1",
-    "@rsbuild/plugin-vue": "^0.4.1",
-    "@vant/auto-import-resolver": "^1.0.2",
+    "@rsbuild/core": "^0.4.15",
+    "@rsbuild/plugin-vue": "^0.4.15",
+    "@vant/auto-import-resolver": "^1.1.0",
     "typescript": "^5.3.3",
+    "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0"
   }
 }
diff --git a/vant/rsbuild/rsbuild.config.ts b/vant/rsbuild/rsbuild.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from "@rsbuild/core";
 import { pluginVue } from "@rsbuild/plugin-vue";
+import AutoImport from "unplugin-auto-import/rspack";
 import Components from "unplugin-vue-components/rspack";
 import { VantResolver } from "@vant/auto-import-resolver";
 
@@ -8,6 +9,9 @@ export default defineConfig({
   tools: {
     rspack: {
       plugins: [
+        AutoImport({
+          resolvers: [VantResolver()],
+        }),
         Components({
           resolvers: [VantResolver()],
         }),

diff --git a/vant/rsbuild/src/App.vue b/vant/rsbuild/src/App.vue
@@ -54,7 +54,6 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
-import { showToast } from "vant";
 
 const goods = ref({
   title: "美国伽力果213（约680g/3个）",