项目结构
每个人都喜欢以不同的方式构建他们的项目，electron-webpack 也意识到了这一点。在大多数情况下，唯一需要的配置是 webpack 进入的入口点。
如果您正在寻求遵循常见的 electron 实践或想要一个示例模板，请务必查看 electron-webpack-quick-start。它具有最基本的设置，但可以轻松修改以满足许多需求。当然，使用此模板是可选的。
默认结构¶
以下是 electron-webpack 在没有任何自定义配置的情况下期望的默认文件树。请注意，可以调整源目录以满足您的需求（更多信息）。
my-project/
├─ src/
│ ├─ main/
│ │ └─ index.js
│ ├─ renderer/
│ │ └─ index.js
│ └─ common/
└─ static/
主进程 (src/main/)¶
您可以在此处添加所有 main 进程代码。
渲染进程 (src/renderer/) [可选]¶
您可以在此处添加所有 renderer 进程代码。在您可能希望使用外部工具（如 electron-next）的情况下，renderer 进程的捆绑是可选的。请注意，没有入口 index.html，那是因为它是为您创建的（更多信息）。
通用脚本 (src/common/) [可选]¶
这是一个方便的位置，您可以在其中放置您希望在两个进程之间使用的实用程序类型文件。感谢 webpack 别名，您可以轻松地使用 common 别名从此处导入文件。
静态资源 (static/) [可选]¶
在某些情况下，我们可能不希望 webpack 捆绑特定的资源，例如那些被 fs 等模块使用的资源。这里是我们可以放置它们的地方，然后在开发和生产中可靠地访问它们（更多信息）。
webpack 入口点¶
需要注意的重要一点是，electron-webpack 期望您的 main 进程和 renderer 进程源代码使用不同的目录分隔。在每个进程的目录中，需要以下入口文件之一……
index.js/main.jsindex.ts/main.ts（当使用 TypeScript 附加组件时）
入口文件是您的 webpack 捆绑包的主要起点，因此在其依赖树中找到的所有内容都将被捆绑。