Gulp 和 Grunt 的目的

Question

最近我开始了解 angular2，过去一个月我一直在使用它，然后当我在我的 .net 核心应用程序中尝试运行它时，我在网上看到如何配置他们告诉我必须使用 Gulp 或 G运行t 这让我感到好奇，当我运行在线演示项目时，我开始知道它是什么让我提取包和我的“Typescript 文件到 js”，为什么我必须将我的 Typescript 'ts' 文件转换为 'js formet' 文件，我不需要看到它发生当我运行使用在线库文件的文件..

那么你能帮我吗，gulp 和 g运行t 的目的是什么，有什么方法可以运行我的 angular 2 应用程序在 Visual Studio 中，不使用 gulp 或 g运行t

请...

Answer 1

Grunt 和 Gulp 是任务运行器。因此，您可以创建任务来执行以下操作：

使用 sass/less;
获取所有 javascripts 文件并创建一个缩小的 js 文件；
运行你的测试；
将图像从源文件夹复制到 public 文件夹；

您不需要它们来开发您的网络应用程序，但它们让我们的生活更轻松。

您现在可能看不到好处，但我建议您为您的项目选择其中之一。

我还创建了一个简单的 tutorial，展示了如何使用 C# WebAPI 和 AngularJS 创建一个简单的应用程序。它不是 Angular2，但在那里，您可以看到如何为客户端工具（GruntJS、NPM 等）设置环境以及如何使用它们。

编辑：

您可以避免使用 NPM、Grunt 和其他客户端工具（我不确定您是否需要特定于 TypeScript 的工具，因为我从未使用过它）。

您可以参考这样的在线图书馆 (CDN)（AngularJS 1.5.8 的示例）：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

或者您可以下载它并将其放在项目的 wwwroot 文件夹中，并创建一个引用，如下所示：

<script src="angular.min.js"></script>

注意，有了这个，你必须知道你要引用或下载的库在哪里。

如果您使用 NPM，您只需创建一个 package.json 文件，如下所示：

{
    "version": "1.0.0",
    "name": "asp.net",
    "private": true,
  "devDependencies": {
    "angular": "1.5.7",
    "angular-i18n": "1.5.7",
    "angular-loading-bar": "0.9.0",
    //more dependencies here...
  }
}

Visual Studio 会自动下载这些依赖项并将它们放在 node_modules 文件夹中。我们在此文件中也有 "auto-complete" 功能，因此，只需键入 "CTRL+SPACE" 即可看到一些建议。

之后，您可以使用 Grunt 将文件从 node_modules 移动到 wwwroot 或手动复制和粘贴它们。

就像我之前说的，使用这些工具会更容易。

Gulp 和 Grunt 的目的

Purpose of Gulp and Grunt

configuration

gruntjs

gulp

asp.net-core

angular