urbanLifeline/urbanLifelineWeb/packages/shared/vite.config.ts

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)

/**
 * Module Federation 构建配置（@module-federation/vite）
 * 官方维护版本，支持 Vite 6 + 开发模式热更新
 * 
 * 优势：
 * - ✅ 完整支持 Vite 开发模式
 * - ✅ dev 模式能生成 remoteEntry.js
 * - ✅ 自动处理内部路径别名 (@/)
 * - ✅ 真正的生产可用版本
 */
export default defineConfig({
    plugins: [
        vue({
            script: {
                defineModel: true,
                propsDestructure: true
            }
        }),
        vueJsx(),
        federation({
            name: 'shared',
            filename: 'remoteEntry.js',
            // 暴露的模块
            exposes: {
                // 通用组件
                './FileUpload': './src/components/fileupload/FileUpload.vue',
                './DynamicFormItem': './src/components/dynamicFormItem/DynamicFormItem.vue',
                
                // API 模块
                './api': './src/api/index.ts',
                './authAPI': './src/api/auth/auth.ts',
                './fileAPI': './src/api/file/file.ts',
                
                // Utils 模块
                './utils': './src/utils/index.ts',
                
                // Types 模块
                './types': './src/types/index.ts',
                
                // 整体导出
                './components': './src/components/index.ts'
            },
            // 共享依赖（重要：避免重复加载）
            shared: {
                vue: {},
                'vue-router': {},
                'element-plus': {},
                '@element-plus/icons-vue': {},
                axios: {}
            }
        })
    ],
    
    define: {
        __VUE_OPTIONS_API__: true,
        __VUE_PROD_DEVTOOLS__: true,
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: true
    },
    
    resolve: {
        alias: {
            '@': resolve(__dirname, 'src')
        },
        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
    },
    
    build: {
        target: 'esnext',
        minify: false,
        cssCodeSplit: false,
        sourcemap: true,
        rollupOptions: {
            output: {
                format: 'es'
            }
        }
    },
    
    server: {
        port: 5000,
        strictPort: true,
        host: true,
        cors: true,
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
            'Access-Control-Allow-Headers': 'Content-Type, Authorization'
        }
    },
    
    preview: {
        port: 5000,
        host: true,
        cors: true,
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
            'Access-Control-Allow-Headers': 'Content-Type, Authorization'
        }
    }
})