前端服务共享

urbanLifelineWeb/packages/platform/vite.config.ts

@@ -1,14 +1,44 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import { federation } from '@module-federation/vite'
 import { resolve, dirname } from 'path'
 import { fileURLToPath } from 'url'
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = dirname(__filename)
-
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [
+    vue({
+      script: {
+        defineModel: true,
+        propsDestructure: true
+      }
+    }),
+    vueJsx(),
+    federation({
+      name: 'platform',
+      remotes: {
+        shared: {
+          type: 'module',
+          name: 'shared',
+          entry: 'http://localhost:5000/remoteEntry.js'
+        }
+      },
+      shared: {
+        vue: {},
+        'vue-router': {},
+        'element-plus': {},
+        axios: {}
+      }
+    })
+  ],
+  
+  define: {
+    __VUE_OPTIONS_API__: true,
+    __VUE_PROD_DEVTOOLS__: true,
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: true
+  },
   
   resolve: {
     alias: {
@@ -25,11 +55,6 @@ export default defineConfig({
         target: 'http://localhost:8080',
         changeOrigin: true,
         rewrite: (path: string) => path.replace(/^\/api/, '')
-      },
-      // 代理共享模块请求到 shared 服务
-      '/shared': {
-        target: 'http://localhost:5000',
-        changeOrigin: true
       }
     }
   },