如何使用cjs 模式

[jeffhuien]

import { defineConfig } from "vite";
import path from "node:path";
import electron from "vite-plugin-electron/simple";
import vue from "@vitejs/plugin-vue";
import plugin from "./vite/plugin";
import alias from "./vite/alias";

export default defineConfig({
  resolve: { alias },
  plugins: [
    ...plugin,
    vue(),
    electron({
      main: {
        entry: "electron/main.ts",
        vite: {
          build: {
            rollupOptions: {
              output: {
                format: "cjs",
              },
            },
          },
        },
      },
      preload: {
        // 使用 preload 的 input 路径
        input: path.join(__dirname, "electron/preload.ts"),
        vite: {
          build: {
            rollupOptions: {
              output: {
                format: "cjs",
              },
            },
          },
        },
      },
      renderer: process.env.NODE_ENV === "test" ? undefined : {},
    }),
  ],
  build: {
    rollupOptions: {
      output: {
        format: "cjs",
      },
    },
  },
});

dev时 format: "cjs", mainjs还是esm, perloadjs内容变为cjs但是文件后缀依然为mjs

[renjiangwei]

vite-plugin-electron/simple插件的源码中后缀是根据package.json中的type:module决定的，看看package.json中配置