Gulp和Grunt的用途

-1

最近我開始瞭解angular2，並且在過去的一個月裏我一直在使用它，然後當我嘗試在我的.net核心應用程序中運行它時，當我在網上看到如何配置時，他們告訴我必須使用Gulp或Grunt，使我curius和當我運行演示項目在線我知道它是什麼提取我的包和我的'Typescript文件到js'，爲什麼我必須轉換我的手稿'ts'文件轉換爲'js formet'文件，當我使用在線庫文件運行該文件時，我不需要看到它發生了什麼。Gulp和Grunt的用途

所以，你可以幫助我，吞嚥和咕嚕聲的目的是什麼，並有沒有任何可能的方式來運行我的角2應用程序在Visual Studio中使用吞吐或咕嚕

請...

來源

2016-11-09 Vengat_93

Grunt和Gulp是任務跑步者。所以，你可以創建任務來做這樣的事情：

使用sass/less編譯你的css;
獲取您所有的javascripts文件並創建一個單一的縮小的js文件;
運行你的測試;
將圖像從源文件夾複製到公用文件夾;

你不需要他們來開發你的web應用程序，但他們讓我們的生活更輕鬆。

您目前可能看不到優勢，但我建議您選擇其中一個用於您的項目。

我還創建了一個簡單tutorial，演示如何創建一個簡單的應用程序用C＃的WebAPI和AngularJS。這不是Angular2，但在那裏，您可以看到如何爲客戶端工具（GruntJS，NPM，...）設置環境以及如何使用它們。

編輯：

你能避免NPM，步兵和其他客戶端工具（我不知道，如果你需要對特定的打字稿的東西，因爲我從來沒有使用過）。

你可以參考一個在線圖書館（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文件夾中。我們在這個文件中也有「自動完成」功能，所以只需輸入「CTRL + SPACE」，你就可以看到一些建議。

之後，您可以使用Grunt將文件從node_modules移動到wwwroot或手動複製並粘貼它們。

就像我之前說過的那樣，使用這些工具更容易。

來源

2016-11-09 10:49:05

謝謝@FabricioKoch，但有沒有一種方法可以使用在線庫文件，而無需使用npm或gulp來運行我的項目** IIS的asp.net或任何其他服務器**來運行我的角項目 –

是的。我要更新我的答案。 –

是的，我得到它但我的應用程序文件「** Typescript **」文件也移動到wwwroot文件夾，而我正在運行grunt任務，並將我的「TS」formet文件轉換爲「JS」有沒有一種方式，我的應用程序將運行沒有，因爲上次我檢查它沒有，並得到我的文件丟失的錯誤 –

Gulp和Grunt的用途

回答

相關問題