vite-plugin-electron编译时未在main目录生成嵌套文件夹问题

默认情况下，vite-plugin-electron会将每个指定的entry文件直接编译输出到根输出目录（比如dist），不会保留原有的子目录层级。你可以通过给每个api相关的entry配置Rollup的output选项来指定输出路径，从而保留api文件夹结构。

修改你的vite配置文件，给electron/api/upload.ts这个entry添加output.filename配置：

import { defineConfig } from "vite";
import electron from "vite-plugin-electron";
import renderer from "vite-plugin-electron-renderer";
import react from "@vitejs/plugin-react";

export default defineConfig({
  plugins: [
    react(),
    electron([
      {
        entry: "electron/main.ts",
      },
      {
        entry: "electron/preload.ts",
        onstart(options) {
          options.reload();
        },
      },
      {
        entry: "electron/api/upload.ts",
        // 指定输出路径，保留api子目录
        output: {
          filename: "api/upload.js"
        }
      },
    ]),
    renderer(),
  ],
});

说明： #

• output.filename可以直接指定带目录的文件名，编译后会自动创建对应的子目录（比如这里的api文件夹），并将编译后的文件输出到该目录下。
• 如果有多个api目录下的文件，只需给每个对应的entry都添加类似的output配置即可。

内容的提问来源于stack exchange，提问作者EL MAHDI BOUZKOURA