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

Question

我一直在尝试找出一个文件夹结构，当我的项目增长时，它会保持有效，并且我找到了一些资源（例如this），但我不知道我应该如何实施这个文件夹结构，我越读越困惑。

现在我基本上使用的是 express 为我生成的结构，并进行了一些小的修改，如下所示：

所有javascript文件在src/js/*，所有scss文件在src/scss/*，所有jade文件在views/

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 看看它是如何设置一切的。