fix: vite config

Signed-off-by: Innei <i@innei.in>

Author: Innei

library-external.ts

@@ -1,9 +1,9 @@
 import randomstring from 'randomstring'
 import { viteExternalsPlugin as ViteExternals } from 'vite-plugin-externals'
 import { createHtmlPlugin } from 'vite-plugin-html'
-import { viteStaticCopy } from 'vite-plugin-static-copy'
 import type { HtmlTagDescriptor } from 'vite'
-import type { Target } from 'vite-plugin-static-copy'
+
+import { dependencies } from './package.json'
 
 /**
  * It copies the external libraries to the `assets` folder, and injects the script tags into the HTML
@@ -21,41 +21,37 @@ export const setupLibraryExternal = (
     charset: 'hex',
   })
 
-  const staticTargets: Target[] = [
+  const cdnUrl = 'https://unpkg.com/'
+
+  const staticTargets: { dev: string; prod: string }[] = [
     {
-      src: `./node_modules/vue/dist/vue.global${
+      dev: `./node_modules/vue/dist/vue.global${
         isProduction ? '.prod' : ''
       }.js`,
-      dest: './assets/vue',
-      rename: `vue.global.${staticSuffix}.js`,
+      prod: `${cdnUrl}vue@${dependencies.vue}/dist/vue.global.prod.js`,
     },
     {
-      src: `./node_modules/vue-router/dist/vue-router.global${
+      dev: `./node_modules/vue-router/dist/vue-router.global${
         isProduction ? '.prod' : ''
       }.js`,
-      dest: './assets/vue-router',
-      rename: `vue-router.global.${staticSuffix}.js`,
+      prod: `${cdnUrl}vue-router@${dependencies['vue-router']}/dist/vue-router.global.prod.js`,
     },
 
     {
-      src: `./node_modules/vue-demi/lib/index.iife.js`,
-      dest: './assets/vue-demi',
-      rename: `vue-demi.${staticSuffix}.js`,
+      dev: `./node_modules/vue-demi/lib/index.iife.js`,
+      prod: `${cdnUrl}vue-demi@0.14.6/lib/index.iife.js`,
     },
     {
-      src: './node_modules/@vueuse/shared/index.iife.min.js',
-      dest: './assets/vueuse',
-      rename: `vueuse.shared.iife.${staticSuffix}.js`,
+      dev: './node_modules/@vueuse/shared/index.iife.min.js',
+      prod: `${cdnUrl}@vueuse/shared@${dependencies['@vueuse/shared']}/index.iife.min.js`,
     },
     {
-      src: './node_modules/@vueuse/core/index.iife.min.js',
-      dest: './assets/vueuse',
-      rename: `vueuse.core.iife.${staticSuffix}.js`,
+      dev: './node_modules/@vueuse/core/index.iife.min.js',
+      prod: `${cdnUrl}@vueuse/core@${dependencies['@vueuse/core']}/index.iife.min.js`,
     },
     {
-      src: './node_modules/@vueuse/components/index.iife.min.js',
-      dest: './assets/vueuse',
-      rename: `vueuse.components.iife.${staticSuffix}.js`,
+      dev: './node_modules/@vueuse/components/index.iife.min.js',
+      prod: `${cdnUrl}@vueuse/components@${dependencies['@vueuse/components']}/index.iife.min.js`,
     },
   ]
 
@@ -65,9 +61,7 @@ export const setupLibraryExternal = (
         injectTo: 'head',
         tag: 'script',
         attrs: {
-          src: isProduction
-            ? `${baseUrl}${target.dest}/${target.rename}`
-            : target.src,
+          src: isProduction ? target.prod : target.dev,
           type: 'text/javascript',
         },
       }
@@ -84,10 +78,7 @@ export const setupLibraryExternal = (
 
       'vue-demi': 'VueDemi',
     }),
-    isProduction &&
-      viteStaticCopy({
-        targets: staticTargets,
-      }),
+
     createHtmlPlugin({
       minify: false,
       inject: {

package.json

@@ -81,7 +81,9 @@
     "xss": "1.0.14",
     "xterm": "5.3.0",
     "xterm-addon-fit": "0.8.0",
-    "xterm-theme": "1.1.0"
+    "xterm-theme": "1.1.0",
+    "@vueuse/shared": "10.7.1",
+    "@vueuse/components": "10.7.1"
   },
   "devDependencies": {
     "@innei/eslint-config-vue-ts": "0.12.0",
@@ -97,8 +99,6 @@
     "@vitejs/plugin-vue": "5.0.2",
     "@vitejs/plugin-vue-jsx": "3.1.0",
     "@vue/compiler-sfc": "3.4.3",
-    "@vueuse/components": "10.7.1",
-    "@vueuse/shared": "10.7.1",
     "cors": "2.8.5",
     "eslint": "^8.56.0",
     "postcss": "8.4.32",
@@ -115,7 +115,6 @@
     "vite-plugin-checker": "0.6.2",
     "vite-plugin-externals": "0.6.2",
     "vite-plugin-html": "3.2.1",
-    "vite-plugin-static-copy": "1.0.0",
     "vite-plugin-vue-devtools": "0.5.1",
     "vite-plugin-wasm": "3.3.0",
     "vite-tsconfig-paths": "4.2.3",

plugins/hello/vite.config.mts

@@ -57,16 +57,15 @@ export default defineConfig({
         name: 'hello',
       },
     }),
-    // replaceImportsToGlobal({
-    //   include: 'src/**/*.tsx', // 根据需要调整
-    //   // ... 其他选项
-    // }),
   ],
   build: {
     rollupOptions: {
       plugins: [
         externalGlobals({
           vue: 'Vue',
+          'vue-router': 'VueRouter',
+          '@vueuse/core': 'VueUse',
+          '@vueuse/components': 'VueUse',
         }),
       ],
     },

pnpm-lock.yaml

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-default-export */
 import { visualizer } from 'rollup-plugin-visualizer'
 import AutoImport from 'unplugin-auto-import/vite'
 import { defineConfig, loadEnv } from 'vite'