1
00:00:03,660 --> 00:00:07,550
В качестве первого подхода к автоматизации наших задач

2
00:00:07,550 --> 00:00:12,515
рассмотрим пример использования сценариев NPM.

3
00:00:12,515 --> 00:00:22,015
Действительно, мы уже начали использовать сценарии NPM в этом курсе на предыдущих уроках.

4
00:00:22,015 --> 00:00:29,220
Давайте быстро перейдем к нашему файлу package.json, чтобы узнать, как мы использовали пару

5
00:00:29,220 --> 00:00:36,755
сценариев NPM в нашем файле package.json для автоматизации нескольких задач.

6
00:00:36,755 --> 00:00:40,310
Взглянув на наш файл package.json,

7
00:00:40,310 --> 00:00:42,960
вы видите, что в файле package.json

8
00:00:42,960 --> 00:00:47,650
у нас был этот объект JSON, называемый скриптами.

9
00:00:47,650 --> 00:00:55,065
Внутри скриптов, у нас было это свойство под названием start, которое мы определили здесь, который мы

10
00:00:55,065 --> 00:01:03,945
указали как NPM run lite, а также мы указали этот lite как lite-server.

11
00:01:03,945 --> 00:01:07,825
Итак, тогда вы запускаете свою веб-разработку.

12
00:01:07,825 --> 00:01:15,240
Мы также запустили наш сервер lite-серверов, набрав NPM start в подсказке.

13
00:01:15,240 --> 00:01:19,860
Теперь, что это позволило нам запустить Lite-сервер в

14
00:01:19,860 --> 00:01:25,715
нашем каталоге проекта и начать сохранять файлы из каталога,

15
00:01:25,715 --> 00:01:28,410
чтобы мы могли просматривать его в браузере.

16
00:01:28,410 --> 00:01:33,800
Мы обнаружили, что это является полезным подходом, чтобы иметь возможность смотреть

17
00:01:33,800 --> 00:01:43,305
в прямом эфире изменения, которые мы вносим в наши файлы немедленно отражаются в браузере.

18
00:01:43,305 --> 00:01:51,195
Теперь в других задачах, которые мы настроили и использовали в предыдущем уроке, был SCSS,

19
00:01:51,195 --> 00:01:58,520
который используется для преобразования SCSS-кода в соответствующий CSS-код.

20
00:01:58,520 --> 00:02:08,235
Итак, мы написали эту цитату конец цитаты NPM скрипт называется SCSS, который выполнил узел

21
00:02:08,235 --> 00:02:13,035
sass, ища файлы SCSS

22
00:02:13,035 --> 00:02:19,050
в папке CSS, а затем преобразовывая их в соответствующий код CSS.

23
00:02:19,050 --> 00:02:20,760
И чтобы выполнить это,

24
00:02:20,760 --> 00:02:25,920
мы набрали NPM запустить SCSS в командной строке.

25
00:02:25,920 --> 00:02:30,710
Итак, мы уже видим, что мы использовали несколько

26
00:02:30,710 --> 00:02:39,120
сценариев NPM для автоматизации некоторых задач во время нашей веб-разработки.

27
00:02:39,120 --> 00:02:43,360
Таким образом, подытоживая, сценарии NPM поддерживаются через

28
00:02:43,360 --> 00:02:49,930
это свойство скриптов в файле package.json, как мы видели в примере ранее.

29
00:02:49,930 --> 00:02:52,370
Существует несколько сценариев, которые поддерживаются.

30
00:02:52,370 --> 00:02:57,270
Один, в частности, что представляет интерес для нас, это старт-скрипт,

31
00:02:57,270 --> 00:03:00,790
так что вы можете добавить подсказку типа NPM start,

32
00:03:00,790 --> 00:03:06,320
а затем будет запущен соответствующий скрипт, на который ссылается начало.

33
00:03:06,320 --> 00:03:10,275
Теперь мы можем определить произвольные сценарии в

34
00:03:10,275 --> 00:03:16,710
свойстве scripts, а затем запустить их, сказав NPM run и имя сценария,

35
00:03:16,710 --> 00:03:22,165
как вы видели использование NPM запустить SCSS или NPM run lite и так далее.

36
00:03:22,165 --> 00:03:28,790
Мы собираемся использовать это, чтобы иметь возможность разработать несколько дополнительных скриптов, которые позволят

37
00:03:28,790 --> 00:03:35,935
автоматизировать многие из тех задач, о которых мы говорили в предыдущей лекции.

38
00:03:35,935 --> 00:03:40,890
Таким образом, чтобы помочь нам понять, как мы можем использовать NPM-скрипты для

39
00:03:40,890 --> 00:03:45,730
автоматизации многих наших задач веб-разработки,

40
00:03:45,730 --> 00:03:50,630
мы научимся настраивать NPM-скрипты в файле package.json,

41
00:03:50,630 --> 00:03:53,000
а затем выполнять скрипты,

42
00:03:53,000 --> 00:03:56,850
иногда автоматически или вручную вызывать

43
00:03:56,850 --> 00:04:02,670
скрипты для того, чтобы для создания и развертывания нашего веб-сайта.