fix: pages using tanstack query cannot be loaded in production build (#889)

ruibaby · web-flow · commit de2612da271f · 2023-02-24T19:01:47.000+08:00
diff --git a/package.json b/package.json
@@ -78,6 +78,7 @@
     "qs": "^6.11.0",
     "transliteration": "^2.3.5",
     "vue": "^3.2.45",
+    "vue-demi": "^0.13.11",
     "vue-grid-layout": "3.0.0-beta1",
     "vue-i18n": "^9.2.2",
     "vue-router": "^4.1.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/build/library-external.ts b/src/build/library-external.ts
@@ -37,6 +37,11 @@ export const setupLibraryExternal = (
       dest: "assets/vue-router",
       rename: `vue-router.global.${staticSuffix}.js`,
     },
+    {
+      src: `./node_modules/vue-demi/lib/index.iife.js`,
+      dest: "assets/vue-demi",
+      rename: `vue-demi.${staticSuffix}.js`,
+    },
     {
       src: "./node_modules/@vueuse/shared/index.iife.min.js",
       dest: "assets/vueuse",
@@ -88,6 +93,7 @@ export const setupLibraryExternal = (
       "@vueuse/core": "VueUse",
       "@vueuse/components": "VueUse",
       "@vueuse/router": "VueUse",
+      "vue-demi": "VueDemi",
     }),
     ViteStaticCopy({
       targets: staticTargets,
