Цель Gulp and Grunt

Question

Недавно я узнал о angular2, и я работал с ним в течение прошлого месяца, а затем, когда я пытаюсь запустить его в своем основном приложении .net, когда я вижу онлайн, как настроить, они сказали, что я должен использовать Gulp или Grunt, что делает меня curius, и когда я запускаю демонстрационный проект на линии, я узнаю, что его извлечение пакетов и мой файл «» в js », почему мне нужно преобразовать свой Typcript 'ts' в файл 'js formet', мне не нужно было видеть, как это происходит, когда я запускаю файл, используя файл онлайн-библиотеки.

Так вы могли бы помочь мне, какова цель глотки и ворчать, и есть ли какой-либо возможный способ запустить мое угловое приложение 2 в Visual Studio без использования gulp или grunt

...

Answer 1

Grunt and Gulp - это бегуны для задач. Таким образом, вы можете создавать задачи, чтобы делать такие вещи, как:

• Скомпилируйте свой css используя sass/less;
• Получите все ваши файлы javascripts и создайте один миниатюрный файл js;
• Запустите свои тесты;
• Скопируйте изображения из исходной папки в общую папку;

Вам не нужны они для разработки вашего веб-приложения, но они облегчают нашу жизнь.

Вы можете не видеть преимущества прямо сейчас, но я рекомендую вам выбрать один из них для вашего проекта.

Я также создал простой tutorial, который показывает, как создать простое приложение с C# WebAPI и AngularJS. Это не Angular2, но там вы можете увидеть, как настроить среду для клиентских инструментов (GruntJS, NPM, ...) и как их использовать.

EDIT:

Вы можете избежать НПХ, ворчать и другие клиентские средства (я не уверен, что если вам нужно что-то конкретное для машинописи, потому что я никогда не использовал его).

Вы можете обратиться к онлайн-библиотеке (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> 

Обратите внимание, что при этом вы должны знать, где находится lib, на который вы хотите ссылаться или загрузить его.

Если вы используете НПЙ, вы просто создать 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 или скопировать и вставить их вручную.

Как я уже говорил, с помощью этих инструментов это проще.