【问题标题】：Electron with Angular app file structure具有 Angular 应用程序文件结构的电子
【发布时间】：2016-01-14 05:02:28
【问题描述】：
使用 Angular 作为 UI 框架创建 Electron 应用程序的最佳实践是什么？
我目前的提议（我认为这不是最好的）：
- （根）
- ---- node_modules/
- ---- package.json
- ---- index.js
- ---- 应用程序/
- ---- ---- node_modules
- ---- ---- package.json
- ---- ---- bower.json
- ---- ---- bower_components/
- ---- ---- backend/ # 包含所有核心逻辑作为节点模块
- ---- ---- ui/ # Angular 应用代码
- ---- ---- ---- 控制器
- ---- ---- ---- 服务
- ---- ---- ---- 模板
现在，我让后端封装了核心逻辑并公开了一些 API，我从 ui/services 中包含（需要）这些 API，并将其包装为 Angular 服务，然后在控制器中正常注入/使用。
【问题讨论】：
标签：
angularjs
node.js
electron
【解决方案1】：
我不能说它是最好的，但这是我通常使用的：
┌ .
├ app/
├── dist/
├──── css/
├──── fonts/
├──── js/
├── src/
├──── css/
├──── js/
├── index.html
├ bower.json
├ bower_components/
├ index.js
├ gulpfile.js
├ node_modules/
└ package.json
所以，./index.js 是入口点。它基本上加载了./app/index.html，在该文件中，我引用了./app/dist 文件夹下的文件。 ./app/src 是我更改代码的地方。而./gulpfile.js 只是一个简单的任务列表，例如将 SASS 文件转换为 css（从 ./app/src/css 到 ./app/dist/css）、捆绑、缩小、linting 等。
我知道，这不是最好的结构，但通过这种方式，我只能输入npm install，我可以在几秒钟内获得一个工作环境（感谢安装后脚本）。它还使管理两端的依赖关系变得更加容易。在 ./app/src/ 之后如何继续编写 JavaScript 和 CSS 取决于您，但最终，它们将在一个文件中并移至 ./app/dist/。