按需加载

Author: guohaomeng

auto-imports.d.ts

@@ -0,0 +1,5 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+
+}

components.d.ts

@@ -0,0 +1,14 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    OSChart: typeof import('./src/components/OSChart.vue')['default']
+    WaveGen: typeof import('./src/components/WaveGen.vue')['default']
+    WaveGenChart: typeof import('./src/components/WaveGenChart.vue')['default']
+  }
+}

package.json

@@ -9,16 +9,20 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@vueuse/core": "8.9.4",
     "echarts": "^5.3.3",
     "element-plus": "^2.2.9",
     "vue": "^3.2.37"
   },
   "devDependencies": {
+    "@types/node": "^18.6.3",
     "@vitejs/plugin-vue": "^3.0.1",
     "@vue/compiler-sfc": "^3.2.37",
     "sass": "^1.53.0",
     "typescript": "^4.7.4",
+    "unplugin-auto-import": "^0.10.3",
     "unplugin-element-plus": "^0.4.1",
+    "unplugin-vue-components": "^0.22.0",
     "vite": "^3.0.2",
     "vite-plugin-inspect": "^0.6.0",
     "vue-tsc": "^0.38.8"

tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "target": "esnext",
+    "types": ["element-plus/global"],
     "useDefineForClassFields": true,
     "module": "esnext",
     "moduleResolution": "node",

vite.config.ts

@@ -3,12 +3,16 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import ElementPlus from 'unplugin-element-plus/vite'
 import Inspect from 'vite-plugin-inspect'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
     alias: {
       '~/': `${path.resolve(__dirname, 'src')}/`,
+      '@' : path.resolve(__dirname, 'src')
     },
   },
   css: {
@@ -25,5 +29,12 @@ export default defineConfig({
       defaultLocale: 'zh-cn',
     }),
     Inspect(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }),
   ],
+  base:"./"
 })