how to prevent export default changing to random named export

[ogios]

Happend

under src/components/i18n/lang i have multiple files and they're all using export default:

export default {
  name: "Name"
  //...
}

and in src/index.ts:

import en from "./components/i18n/lang/en";
import zh from "./components/i18n/lang/zh";
console.log(en, zh);

but after vite build, things under i18n/lang:

const en = {
  app: {
    ddd: "fff"
  }
};

export { en as e }; // not `export { en as default };`

and in entry file:

import { e as en } from './i18n/lang/en.mjs';
import { z as zh } from './i18n/lang/zh.mjs';

console.log(en, zh);

Expected

what should be of js under i18n/lang:

const en = {
  app: {
    ddd: "fff"
  }
};

export { en as default };

and in entry file:

import en from './i18n/lang/en.mjs';
import zh from './i18n/lang/zh.mjs';

console.log(en, zh);

Config

vite.config.ts

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig(() => {
  return {
    plugins: [vue()],
    build: {
      minify: false,
      target: "esnext",
      emptyOutDir: false,
      lib: {
        entry: {
          index: "src/index.ts",
          locale: "src/components/i18n/index.ts",
        },
        fileName(format, entryName) {
          return `${entryName}.${format}.js`;
        },
        formats: ["es"],
      },
      rollupOptions: {
        output: {
          format: "esm",
          chunkFileNames: "[name].mjs",
          manualChunks(id, _) {
            console.log(id);
            const a = /.*?\/src\/components\/(i18n\/.*)/i;
            const res = a.exec(id);
            const b = /(.*)\.ts$/i;
            if (res && res[1]) return res[1].replace(b, "$1");
          },
        },
      },
    },
  };
});

tsconfig.json

{
  "extends": ["@tsconfig/node18/tsconfig.json"],
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "declaration": true,
    "outDir": "dist",
    "baseUrl": "./",
    "paths": {
      "@/*": ["./src/*"]
    },
    "jsx": "preserve",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

i want to make things under components/i18n separated with the entry file (can be default import by other packages for example)

[ogios]

just wrote a script myself which can help me do it, but if there's a better way, i'm glad to know

the script

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";

function getLocaleMap() {
  const cwd = "./src/components/i18n/lang/";
  const resList = Array.from(
    new Bun.Glob("*.ts").scanSync({
      cwd,
    }),
  ).map((v) => path.join(cwd, v));

  const resMap: Record<string, string> = {};
  const tsPattern = /(.*)\.ts$/i;
  resList.forEach((v) => {
    console.log(v);
    const name = "locale_" + path.basename(v).replace(tsPattern, "$1");
    resMap[name] = v;
  });

  console.log(resMap);
  return resMap;
}

function matchLocaleLang(name: string) {
  const localePathBase = "i18n/";
  const localeLangPath = "lang/";

  // local lang
  const localPattern = /^locale_(.*)/i;
  const res = localPattern.exec(name);
  if (res && res[1]) return path.join(localePathBase, localeLangPath, res[1]);

  // locale
  if (name === "locale") return path.join(localePathBase, name);

  // other
  return name;
}

// https://vitejs.dev/config/
export default defineConfig(() => {
  const resMap = getLocaleMap();
  return {
    plugins: [vue()],
    build: {
      emptyOutDir: false,
      lib: {
        entry: {
          index: "src/index.ts",
          locale: "src/components/i18n/index.ts",
          ...resMap,
        },
        fileName(format, entryName) {
          entryName = matchLocaleLang(entryName);
          console.log(entryName);
          return `${entryName}.${format}.js`;
        },
        formats: ["es"],
      },
    },
  };
});