电子应用文件夹结构

Question

我已经开发了一个使用Electron和Typescript的项目。

为了组织目的，我创建了一个名为/src的文件夹来保存我的代码。这个想法是模块化成非常特定的功能。

当我运行电子时，它打开一个浏览器窗口，加载我的index.html文件。

我对代码的组织有点模糊，并且在主渲染过程之间进行调用。

在我的main.ts文件中，我有加载窗口的主进程。但是，渲染过程代码必须写在哪里？

另一方面，如何创建不同的视图（页面）它的应用程序？

非常感谢！

Answer 1

电子只是一个运行时，而不是框架 - 对于如何组织代码没有太多的强烈意见。我认为使用./src文件夹来存储您的代码是有意义的。

正如您所提到的，main.ts会产生一个BrowserWindow实例，其中加载了index.html。从理论上讲，你可以用将所有的JavaScript代码写入HTML中的一些<script>标签中，但是你可能会认为这不是一个长期的游戏计划。

但是，在Electron中，您可以使用节点的require。这将允许你做这样的事情在index.html：

<script>require('./renderer`)</script> 

内./renderer.js（或.ts你的具体情况），你就可以开始要求你的小模块文件，建立你的渲染代码。