增强模块联邦支持，添加动态导入远程模块的声明，更新示例项目以展示新组件结构和配置，调整 Vite 配置以支持更灵活的远程组件加载。

examples/plugin-component/vite.config.js

@@ -6,27 +6,34 @@ export default defineConfig({
   plugins: [
     vue(),
     federation({
-      name: 'remoteApp',
+      name: 'my_plugin',  // 插件名称，建议与实际插件ID保持一致
       filename: 'remoteEntry.js',
       exposes: {
-        './PluginComponent': './src/App.vue', // 暴露组件
+        './Page': './src/components/Page.vue',
+        './Config': './src/components/Config.vue',
+        './Dashboard': './src/components/Dashboard.vue',
       },
       shared: {
-        vue: {
-          singleton: true,
-          requiredVersion: false
-        }
+        vue: { requiredVersion: false },
+        vuetify: { requiredVersion: false }
       }
     })
   ],
   build: {
-    target: 'esnext', // 支持顶层await
-    minify: false,
+    target: 'esnext',   // 必须设置为esnext以支持顶层await
+    minify: false,      // 开发阶段建议关闭混淆
     cssCodeSplit: false,
     rollupOptions: {
       output: {
-        minifyInternalExports: false
+        format: 'esm',  // 必须使用ESM格式
+        entryFileNames: '[name].js',
+        chunkFileNames: '[name].js',
       }
     }
+  },
+  server: {
+    port: 5001,   // 使用不同于主应用的端口
+    cors: true,   // 启用CORS
+    origin: 'http://localhost:5001'
   }
 })