node.js - Electron 菜单和项目结构

Question

Electron 的新手，正在从一些 YouTube 视频和 Udemy 类(class)中学习。

我已经启动并运行了几个示例应用程序 - 到目前为止一切顺利，但我的问题是:

现在我开始考虑用于更大、更有意义的应用程序的设计/结构，我想将所有菜单移动到像“menuTemplates”这样的源文件夹中，并且在该文件夹中我可能需要存储10-15种不同的菜单结构。

在每个文件中，我希望能够放置如下结构:

 {
    label: "Menu",
      submenu: [
        { 
          label: "One",
          submenu: []
        },
        {
          label: "Two",
          submenu: []
        },
        {
          label: "Quit", 
          click() {
            app.quit()
          }
        }
      ]
 }

换句话说，我只想将定义菜单的 json 文档放入如下内容:

menuTemplates/menuMain.js

menuTemplates/browseForFileModel，js

menuTemplates/editUrl.js

每个文件包含正确的菜单，具体取决于用户在应用中的“位置”以及他们想要执行的操作。

有人能指出我如何实现这一目标的正确方向吗？每个 .js 文件都应该是一个模块吗？如果是的话，什么以及如何导出 json？

我希望 Menu.buildFromTemplate() 只接受路径。这会让生活变得更加简单。谢谢!

Answer 1

您可以拥有非常简单的模块，每个模块只需导出一个菜单模板对象:

// menuTemplates/menu1.js

module.exports = {
    label: "Menu",
    submenu: [
        // menu template ..
    ]
}

然后您可以构建您所知道的菜单:

const menu1_template = require("menuTemplates/menu1.js");
const menu1 = Menu.buildFromTemplate(menu1_template);