Question

最近我开始了解angular2并且我已经使用它过去一个月然后当我尝试在我的.net核心应用程序中运行它时，我在网上看到如何配置他们告诉我必须使用Gulp或者Grunt让我变得好奇，当我在线运行演示项目时，我知道是什么把我的包和我的 Typescript文件提取给了js ＆＃39;，为什么呢？我必须转换我的打字稿＆＃39; ts＆＃39;提交给＆＃39; js formet＆＃39;文件，当我使用在线库文件运行文件时，我不需要看到它发生..

那么你能帮助我吗，gulp和grunt的目的是什么？有没有办法在Visual Studio中运行我的angular 2应用程序而不使用gulp或grunt

请...

Answer 1

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

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

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

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

我还创建了一个简单的tutorial，它展示了如何使用C＃WebAPI和AngularJS创建一个简单的App。它不是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文件夹中。我们还有＆＃34;自动完成＆＃34;此文件中的功能，只需键入＆＃34; CTRL + SPACE＆＃34;你可以看到一些建议。

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

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

Gulp和Grunt的目的

1 个答案: