在 ASP.NET Core 中保存 Typescript 文件的位置答案

【问题标题】：Where to keep Typescript files in ASP.NET Core在 ASP.NET Core 中保存 Typescript 文件的位置
【发布时间】：2017-01-26 06:08:51
【问题描述】：

我有一个在 ASP.NET Core 之上用 AngularJS 2 编写的 Typescript 应用程序。我目前将我的 TS 文件保存在 wwwroot 目录中。这在开发中非常有效。我有点担心部署到生产环境时会发生什么。在生产中，我只想部署转换后的打字稿文件的缩小版本。我确信我可以设法使用 gulp 在 wwwroot 目录中缩小它们，并且只部署缩小版本。但这是最佳实践吗？

也许我应该将我的 Angular 应用程序保留在 wwwroot 目录之上，并在编译和/或部署时使用 gulp 将我需要的内容复制到 wwwroot 中。在开发中，我必须复制 .ts、.js 和 .map 文件进行调试。编译时似乎有很多工作要做，尤其是在保存时进行转译。

谁能给个方向？

【问题讨论】：

你可能想使用 JSPM beta 或 Webpack 2.2 rc。任何一种选择都会给您的工具链增加相当多的复杂性，但您将不再遇到这个特殊问题。 Visual Studio 提供的 Core 应用程序的入门设置仅适用于最简单的应用程序之外的所有应用程序。
还可以考虑将前端拆分为一个完全独立的项目/目录
@AluanHaddad 当我提到将我的 TS 文件保存在 wwwroot 目录中时，它们已经在子目录中，而不是在根目录中。将客户端的东西放在另一个项目中会给我带来什么好处？
在开发过程中分离关注点。我刚刚发现以这种方式编写应用程序更容易。

标签： angular typescript gulp asp.net-core

【解决方案1】：

这不是最好的方法，因为必须复制文件并依赖于 gulp 任务不是最好的事情，但它确实有效。

您不需要提供所有文件，我的 ASP.NET Core Angular2 SPA 项目仅使用 .html 和 .js 。

我会照你说的做，把我的文件放在另一个文件夹中（例如app），一个 gulpfile 只提供我需要的东西。使用Gulp watcher task，它将只监视和提供已修改的文件。这对开发过程来说非常好。

对于生产，您需要捆绑您的应用程序，以便只有一个包含所有内容的文件将提供给您的应用程序。我相信您会找到与Gulp 一起执行此操作的工具。

【讨论】：