javascript - 构建 Node.js 和 AngularJS 应用程序

Question

我即将尝试我的第一个 AngularJS 项目，使用 Node.js 作为后端是有意义的，即使这意味着同时从头开始学习 AngularJS 和 Node.js。

我想了解的第一件事是良好的文件结构。到目前为止，我的纯 HTML/CSS 模板具有以下目录结构...

_site/
Fonts/
Javascript/
SASS/
Stylesheets/
Index.html

(_site 是 PSD 等的工作目录)

我找到了一个 Node.js/AngularJS 应用程序的示例目录结构 here ....

... 建议以下目录结构。

app.js              --> Application configuration
package.json        --> For npm
public/             --> All of the files to be used in on the client side
  css/              --> CSS files
    app.css         --> Default stylesheet
  img/              --> Image files
  js/               --> JavaScript files
    app.js          --> Declare top-level application module
    controllers.js  --> Application controllers
    directives.js   --> Custom AngularJS directives
    filters.js      --> Custom AngularJS  filters
    services.js     --> Custom AngularJS services
    lib/            --> AngularJS  and third-party JavaScript libraries
      angular/
        angular.js            --> The latest AngularJS
        angular.min.js        --> The latest minified AngularJS
        angular-*.js          --> AngularJS add-on modules
        version.txt           --> Version number
routes/
  api.js            --> Route for serving JSON
  index.js          --> Route for serving HTML pages and partials
views/
  index.jade        --> Main page for the application
  layout.jade       --> Doctype, title, head boilerplate
  partials/         --> AngularJS view partials (partial jade templates)
    partial1.jade
    partial2.jade

所以，这对我来说看起来相当不错(除了我不会使用 Jade)。

我还有以下问题...

1. 我想将所有前端文件和后端文件分开。该解决方案将所有前端文件放在 public/目录中，这很有意义，因为大多数文件都需要公开，但是将 SASS 和 _site 文件夹放在这里有意义吗？我可以将它们保留在那里，但在将它们投入生产时不上传它们，但这似乎是错误的，因为它们不应该公开。它们也不属于所有后端内容的根级别。

2. 从 CDN 加载 AngularJS 不是更好吗？ ?

3. 鉴于服务器只需要交付一个模板(主应用程序模板)并且所有其他 HTML 将在前端构建，保持 index.html 文件静态不是更有意义吗？ ，删除views文件夹并像原来的AngularJS Seed应用一样在public/下创建一个partials/文件夹？

我意识到这完全是一个见仁见智的问题，从技术上讲，我可以将它们放在任何我想要的地方，但我希望比我更有经验的人能告诉我各种目录结构的缺陷。

Answer 1

随着时间的推移，事情变得越来越容易。我已经将 Yeoman 用于 AngularJS 前端，它让生活变得更加轻松:http://yeoman.io/

选项 1，MEAN.io

MEAN 是一个很棒的首字母缩略词!我更喜欢 MEAN 堆栈目录结构。让我们使用约定俗成的人!只需使用 mean.io 中的目录结构即可. MEAN 也很方便，因为它包含了所有的好东西，比如 Grunt , Bower等。

选项 2，Angular-seed + Express.js

我在 GitHub 上搜索了 Node.js/AngularJS 项目(可能还不够难)，但没有看到任何非常适合起始目录结构的东西。因此，我将 Node.js Express.js(运行 Express.js from the command line 既不使用 EJS 也不使用 Jade/Pug )骨架与 Angular 种子项目( clone it from GitHub )合并。然后我搬了很多东西。这是我想出的:

---

• developer - 只有开发人员会使用的东西。不需要部署。
  • config - 业力配置文件和其他。
  • scripts - 开发者脚本(构建、测试和部署)
  • test - e2e 和单元测试。
• 日志
• node_modules - this Stack Overflow answer建议把它放在 Git 中。 不过现在可能已经过时了。
• public - 这几乎直接来自 angular-seed 应用程序文件夹。
  • css, img, js, lib, partials - 很明显又好又短。
• 路由 - Node.js 路由。
• server - 服务器端“shebang”Node.js 程序、守护进程、cron 程序等等。
• server.js - 从 app.js 重命名只是为了更明显这是服务器端。

---