vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import topLevelAwait from "vite-plugin-top-level-await";
import federation from "@originjs/vite-plugin-federation";

const packageJson = require("./package.json");
const { name } = packageJson;

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    federation({
      name: name,
      filename: "remoteEntry.js",
      exposes: {
        "./config": "./npwd.config.ts",
      },
      shared: ["react", "react-dom", "@emotion/react", "react-router-dom"],
    }),
    topLevelAwait({
      // The export name of top-level await promise for each chunk module
      promiseExportName: "__tla",
      // The function to generate import names of top-level await promise in each chunk module
      promiseImportName: (i) => `__tla_${i}`,
    }),
  ],
  define: {
    process: {
      env: {
        VITE_REACT_APP_IN_GAME: process.env.VITE_REACT_APP_IN_GAME,
      },
    },
  },
  server: {
    port: 3002,
  },
  build: {
    outDir: "web/dist",
    emptyOutDir: true,
    modulePreload: false,
    assetsDir: "",
  },
});