具有nodejs和jade的Angular文件夹结构

Question

我一直在试图找出一个文件夹结构，当我的项目成长时它会保持有效，而且我找到了一些资源（例如this），但我不知道我是怎么做的应该实现这个文件夹结构，我尝试阅读的越多，我就越困惑。

现在我基本上使用了为我生成的结构，只做了一些小修改，如下所示：

所有javascript文件都在src / js / *中，src / scss / *中的所有scss文件以及views /

中的所有jade文件

Grunt将所有js文件汇总到public / js / app.js中，并将所有scss文件编译为css和public / css / *。这两个目的地都是静态服务的。但是，我不理解的部分是如何为视图工作的。现在，grunt不接触它们，它们总是位于视图/节点找到它们并呈现它们的位置。

这适用于按类型排序，但我真的很困惑我是如何通过功能来构建它。可能已经出现了问题，但我不知道是什么。

另外，我应该更多地分离服务器代码和客户端代码吗？如果是这样，怎么样？有人能举例说明它的样子吗？

很抱歉，如果这篇文章令人困惑，我想不出更好的方法来制定它。

Answer 1

好的，经过大量阅读并尝试了Yeoman，一切对我来说都更有意义。我仍然依赖于nodejs的玉渲染，我只是静态地提供了css / js / images，这使得一切变得更加复杂。我现在已经重写了它并抛弃了Jade（虽然我不得不说写Jade比html好50倍）并且我正在静态地提供所有东西。

如果有人处于我早期的情况，请尝试使用Yeoman generator-angular来查看它是如何设置的。