【重要】重构 并实现新的架构

front-end/main-app/vite.config.ts

@@ -1,45 +1,22 @@
 import path from 'path'
 
-import { defineConfig, loadEnv } from 'vite'
+import { defineConfig, loadEnv, ConfigEnv, mergeConfig } from 'vite'
 import vueJsx from '@vue3-oop/plugin-vue-jsx'
 import federation from '@originjs/vite-plugin-federation';
-import { nacosRegVitePlugin } from "nacos-federation";
+import { reg, init } from 'vite-plugin-nacos';
 import { visualizer } from 'rollup-plugin-visualizer';
 
-export default defineConfig(async ({ mode }) => {
-    const env = loadEnv(mode, process.cwd());
-    // const nacos-cluster = await nacosServiceManage.create({
-    //     serverList: env.VITE_NACOS_ADDRESS,
-    //     serviceName: env.VITE_SERVER_NAME,
-    //     port: Number(env.VITE_SERVER_PORT)
-    // });
-    // const productUrl = await nacos-cluster.find(env.VITE_MODEL_PRODUCT_NAME)
-    // const sharedUrl = await nacos-cluster.find(env.VITE_MODEL_SHARED_NAME)
+export default defineConfig(async (config: ConfigEnv) => {
+    const env = loadEnv(config.mode, process.cwd());
 
-    return {
-        server: {
-            port: Number(env.VITE_SERVER_PORT),
-            host: '::',
-            strictPort: true,
-        },
+    return mergeConfig({
         plugins: [
-            nacosRegVitePlugin(),
-            vueJsx(),
+            reg(),
             federation({
                 name: env.VITE_SERVER_NAME,
                 remotes: {
-                    // 【弃用】基于 Nacos 服务发现获取 微前端模块的地址 192.168.31.101:1301
-                    // product: `${ productUrl }/assets/remoteEntry.js`,
-                    // shared: `${ sharedUrl }/assets/remoteEntry.js`
-
-                    // 实现：限流与熔断，重试，IP 白名单，压缩等
-                    // 基于 c 网关，由网关去寻找 微前端模块的地址
-                    // 网关的地址是 nodejs脚本 定时10秒访问Nacos api 后，生成Traefik配置文件dynamic.yml，
-                    // 并把配置实时同步到Traefik中，如果 xxx微前端模块停止运行那么就会从 Nacos服务中注销，
-                    // 那么dynamic.yml配置文件就会自动删减被下线的网关映射
-
-                    product: `${ env.VITE_PREFIX }${ env.VITE_TRAEFIK_ADDRESS }/${ env.VITE_MODEL_PRODUCT_NAME }/assets/remoteEntry.js`,
-                    shared: `${ env.VITE_PREFIX }${ env.VITE_TRAEFIK_ADDRESS }/${ env.VITE_MODEL_SHARED_NAME }/assets/remoteEntry.js`
+                    product: `${env.VITE_PREFIX}${env.VITE_NACOS_ADDRESS}/${env.VITE_MODEL_PRODUCT_NAME}/assets/remoteEntry.js`,
+                    shared: `${env.VITE_PREFIX}${env.VITE_NACOS_ADDRESS}/${env.VITE_MODEL_SHARED_NAME}/assets/remoteEntry.js`
                 },
                 shared: {
                     vue: { requiredVersion: '^3.5.18' },
@@ -47,6 +24,7 @@ export default defineConfig(async ({ mode }) => {
                     pinia: { requiredVersion: '^3.0.3' }
                 }
             }),
+            vueJsx(),
             visualizer({
                 title: "主应用依赖分析",
                 filename: 'dist/stats.html', // 分析文件输出路径
@@ -73,5 +51,5 @@ export default defineConfig(async ({ mode }) => {
                 '@domains': path.resolve(__dirname, './src/domains/')
             },
         },
-    }
+    }, await init(env))
 })