电子与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/
。