node.js - 如何使用 Node + Express 应用程序组织 Ember CLI 项目？

Question

我是前端 + PHP 开发人员，对 Node + Express 和 Ember JS 都是新手。我习惯了像 CodeIgniter 这样的 MVC 框架。我很了解 CodeIgniter 的文件夹结构(在哪里放置我的 View 、CSS、 Controller 等)，但我很难理解如何组织我的 Node + Express + Ember 应用程序。我想了解如何构建应用程序。

我只是将使用 Ember CLI 创建的应用程序转储到我的 Node + Express 应用程序中的公共(public)文件夹中。这是正确的做法吗？另外，这似乎会导致 Ember Build 出现错误。

Nagarjuns-MacBook-Pro:public nagarjun$ ember build
version: 0.0.40
Building
app/app.js: line 1, col 1, 'import' is only available in ES6 (use esnext option).
app/app.js: line 2, col 1, 'import' is only available in ES6 (use esnext option).
app/app.js: line 3, col 1, 'import' is only available in ES6 (use esnext option).
app/app.js: line 14, col 1, 'export' is only available in ES6 (use esnext option).

4 errors

app/router.js: line 1, col 1, 'import' is only available in ES6 (use esnext option).
app/router.js: line 11, col 1, 'export' is only available in ES6 (use esnext option).

2 errors

app/routes/sign-in.js: line 1, col 1, 'import' is only available in ES6 (use esnext option).
app/routes/sign-in.js: line 3, col 1, 'export' is only available in ES6 (use esnext option).

2 errors

===== 3 JSHint Errors

Built project successfully. Stored in "dist/".

当我在运行 node bin/www 后加载项目时，我仍然只能看到 Express 默认布局。考虑到 Express 在自己的 Views 文件夹中使用 Jade 模板，我对于如何组织我的项目有很多困惑。我是否会忽略该文件夹？

Answer 1

我个人建议采取稍微不同的方法:在开发过程中，让您的 ember 应用程序更像第 3 方客户端，并在单独的文件夹结构中开发它，这样您就可以获得 ember-cli 的所有好处，而您却不需要不要混搭两个 MVC 文件夹结构，在我看来，这很快就会变得困惑。

因此，您将拥有一个 server 文件夹和一个单独的 client 文件夹，然后您可以代理您的 ember 应用程序，或者将您自己的 API 视为第三方 API。对于生产，您只需构建整个 Ember 应用程序并让您的 API 服务器为该应用程序提供服务。

此外，我建议不要直接 express http://sailsjs.org/它建立在express之上，提供了更好的文件夹结构，有点类似于ember，并且还有它自己的cli。

这就是我们公司在生产中使用的，我还在 sails 和 ember-cli 之上创建了一个 cli，我们在内部使用: https://github.com/artificialio/sane这可能会更好地解释文件夹结构和所有内容。