电子与angular应用程序文件结构

使用Angular作为UI框架创buildElectron应用程序的最佳做法是什么?
我目前的build议(我认为不是最好的):

  • (根)
  • —- node_modules /
  • —- package.json
  • —- index.js
  • —- app /
  • —- —- node_modules
  • —- —- package.json
  • —- —- bower.json
  • —- —- bower_components /
  • —- —- backend /#包含所有核心逻辑作为节点模块
  • —- —- ui /#angular应用程序代码
  • —- —- —-控制器
  • – – – – – – 服务
  • —- —- —-模板

现在,我已经在后端封装了核心逻辑并公开了一些API,包括(需要)来自ui / services,并将其包装为Angular服务,然后通常在控制器中注入/使用。

我不能说这是最好的,但这是我通常使用的:

┌ . ├ 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 ),打包,缩小,删除等等。

我知道,这不是最好的结构,但通过这种方式,我只能键入npm install ,我可以在几秒钟内得到一个工作环境(感谢postinstall脚本)。 它还使pipe理两端的依赖变得更容易。 这取决于你如何在./app/src/之后继续编写你的JavaScript和CSS,但是最终它们将被放在一个文件中,并移动到./app/dist/