docs: ✏️ 优化文档及演示demo访问速度 (#232)

* docs: ✏️  优化文档及演示demo访问速度

* docs: ✏️  按需引入ElementPlus

Author: Moonofweisheng

docs/.vitepress/config.mts

@@ -1,15 +1,51 @@
 /*
  * @Author: weisheng
  * @Date: 2023-07-27 10:26:09
- * @LastEditTime: 2024-03-20 13:15:11
+ * @LastEditTime: 2024-04-10 11:31:29
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: \wot-design-uni\docs\.vitepress\config.ts
+ * @FilePath: \wot-design-uni\docs\.vitepress\config.mts
  * 记得注释
  */
 import { defineConfig } from 'vitepress';
+import viteCompression from 'vite-plugin-compression'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
 
 export default defineConfig({
+  vite: {
+    plugins: [
+      AutoImport({
+        resolvers: [ElementPlusResolver()],
+      }),
+      Components({
+        resolvers: [ElementPlusResolver()],
+      }),
+      viteCompression({
+        verbose: true,
+        disable: false,
+        threshold: 10240,
+        algorithm: 'gzip',
+        ext: '.gz',
+      })
+    ],
+    ssr: { noExternal: ['element-plus'] }
+    // build: {
+    //   terserOptions: {
+    //     compress: {
+    //       //生产环境时移除console
+    //       drop_console: true,
+    //       drop_debugger: true
+    //     }
+    //   },
+    //   //   关闭文件计算
+    //   reportCompressedSize: false,
+    //   //   关闭生成map文件 可以达到缩小打包体积
+    //   sourcemap: false // 这个生产环境一定要关闭，不然打包的产物会很大
+    // }
+  },
   title: `Wot Design Uni`,
   description: '一个参照wot-design打造的uni-app组件库',
   head: [

docs/.vitepress/theme/index.ts

@@ -1,7 +1,7 @@
 /*
  * @Author: weisheng
  * @Date: 2023-07-27 12:36:30
- * @LastEditTime: 2024-04-01 17:11:39
+ * @LastEditTime: 2024-04-10 10:58:31
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: \wot-design-uni\docs\.vitepress\theme\index.ts
@@ -12,8 +12,6 @@ import Theme from 'vitepress/theme'
 import './styles/vars.css'
 import './styles/custom.css'
 import './styles/scrollbar.scss'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
 
 import HomeFriendly from './components/HomeFriendly.vue'
 import NavBarTitleAfter from './components/NavBarTitleAfter.vue'
@@ -34,7 +32,6 @@ export default {
     })
   },
   enhanceApp({ app }) {
-    app.use(ElementPlus)
     app.component('SvgImage', SvgImage)
     app.component('frame', frame)
   },

docs/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 ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
+}

docs/components.d.ts

@@ -0,0 +1,14 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElTag: typeof import('element-plus/es')['ElTag']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

docs/index.md

@@ -50,7 +50,6 @@ footer: false
 
 <script setup lang="ts">
 import { onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
 onMounted(()=>{
   if (window.location.hostname === 'wot-design-uni.cn') {
     ElMessageBox.confirm('您正在访问的站点速度较慢，是否跳转至更快的 wot-design-uni.gitee.io ？', '提示', {