Visual Studio 2015 年的 Aurelia 项目设置和文件夹结构:wwwroot 中有什么内容?

Aurelia project setup and folder structure in Visual Studio 2015: what goes in wwwroot?

我想开始使用 Aurelia 和 MVC 6 Web API 以及 Visual Studio 2015 RC,我使用 OdeToCode's blog post 作为起点。

我理解新 wwwroot 文件夹背后的想法,但我基本上对应该或不应该放在那里的内容感到困惑。

我最初的想法是安装所有 jspm 软件包以及实际的 JavaScript 源文件 文件夹 wwwroot 之外,并且然后在开发时用 gulp 复制 运行 所需的一切,或者在部署时捆绑和复制。

看起来像这样:

但是话又说回来,我是否应该将 index.html 也放在 src 文件夹中? config.js?或者我真的让自己的生活变得困难,应该从 wwwroot 文件夹中开发?

让我困惑的是 jspm 包;当我打算打包和缩小时,wwwroot 中有如此大量的 JavaScript 文件感觉不对。

简而言之: Aurelia ASP.NET 5 应用程序在 Visual Studio 2015 年的首选文件夹结构是什么?

我在这上面花了很多时间,最后决定:

  • 应用程序名称
    • 来源
      • Api
        • 在这里我有一个 ASP.NET 5 项目,它提供 api 供 Aurelia 应用程序使用。您可能需要打开 CORS 以避免错误。
      • Client.Web
        • 在这里,我从 Aurelia 骨架导航应用程序开始。我们将 dist 文件夹更改为 wwwroot。 jspm_packages 文件夹位于 wwwroot 之外,框架导航应用程序附带的 gulp 任务负责根据需要将所有内容复制到 wwwroot。

这个方法给了我以下好处:

  • api 和客户端代码完全分离。
  • 单独部署 api 和客户端的选项。
  • 能够利用骨架导航应用程序附带的所有 gulp 任务
  • 切换到 Javascript 文件命名约定(驼峰式)的明确位置

这种方法的缺点:

  • 启动完整的应用程序更加困难。目前,我必须在 Visual Studio 中单击 "Play" 才能启动 api,然后我必须启动 gulp watch。这没什么大不了的,因为在整个开发过程中,您大部分时间都可以离开 gulp watch 运行。