我用Electron和Typescript开发了一个项目。
出于组织目的,我创建了一个名为 / src 的文件夹来保存我的代码。这个想法是模块化为非常具体的功能。
当我运行电子时,会打开一个加载我的index.html文件的浏览器窗口。
我对代码的组织有点模糊,并在主渲染过程之间调用。
在我的main.ts文件中,我有加载窗口的主进程。但是,必须写入渲染过程代码?
另一方面,如何在应用程序中创建不同的视图(页面)?
非常感谢!
答案 0 :(得分:1)
Electron-仅仅是一个运行时,而不是一个框架 - 对于如何组织代码没有很多强烈的意见。我认为使用./src
文件夹存储代码是有意义的。
正如您所提到的,main.ts
会产生BrowserWindow
个实例,该实例会加载index.html
。从理论上讲,您可以在HTML中的某些<script>
标记内编写所有JavaScript,但正如您可能想象的那样,这不是一个长期的游戏计划。
但是,在Electron中,可以使用节点require
。这样您就可以在index.html
中执行以下操作:
<script>require('./renderer`)</script>
在./renderer.js
内(或在您的特定情况下为.ts
),您可以开始要求您的小型模块化文件来构建您的渲染器代码。