如何将我的 Electron 应用程序置于生产模式

【问题标题】：How do I put my Electron app in production mode如何将我的 Electron 应用程序置于生产模式
【发布时间】：2020-12-01 22:37:56
【问题描述】：

我已经尝试了构建器和打包器，构建后顶部菜单可用，允许访问开发人员工具..我该如何摆脱它？

【问题讨论】：

如果你不想要菜单，你必须设置你的 browserWindow 来禁用它，例如：mainWindow.setMenu(null);但是你仍然需要检测你是在 prod 中还是在 test.personnally 我有一个 config.ini 我在其中放置信息以打开 Devtools 并且不使用菜单而只执行 mainWindow.openDevTools();当我的 config.ini 告诉我这样做时？。

标签： electron-builder electron-packager

【解决方案1】：

如果我理解得很好，你想摆脱 DevTools 和菜单栏

要禁用 DevTools，您必须将 webPreferences.devTools = false 添加到所有 Windows，如下所示：

const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    // Your window configuration

    webPreferences: {
        devTools: false // This will disable dev tools
    }
});

如果您即使转到 Menu > View > Toggle Developer Tools 也不会显示 DevTools 面板

并摆脱菜单栏：

app.dock.hide(); // Only mac
mainWindow.setMenuBarVisibility(false); // Only Windows and Linux
// Or you can also use mainWindow.setMenu(null); on Windows and Linux

主进程上的一切

【讨论】：