В качестве первого подхода к автоматизации наших задач
рассмотрим пример использования сценариев NPM.
Действительно, мы уже начали использовать сценарии NPM в этом курсе на предыдущих уроках.
Давайте быстро перейдем к нашему файлу package.json, чтобы узнать, как мы использовали пару
сценариев NPM в нашем файле package.json для автоматизации нескольких задач.
Взглянув на наш файл package.json,
вы видите, что в файле package.json
у нас был этот объект JSON, называемый скриптами.
Внутри скриптов, у нас было это свойство под названием start, которое мы определили здесь, который мы
указали как NPM run lite, а также мы указали этот lite как lite-server.
Итак, тогда вы запускаете свою веб-разработку.
Мы также запустили наш сервер lite-серверов, набрав NPM start в подсказке.
Теперь, что это позволило нам запустить Lite-сервер в
нашем каталоге проекта и начать сохранять файлы из каталога,
чтобы мы могли просматривать его в браузере.
Мы обнаружили, что это является полезным подходом, чтобы иметь возможность смотреть
в прямом эфире изменения, которые мы вносим в наши файлы немедленно отражаются в браузере.
Теперь в других задачах, которые мы настроили и использовали в предыдущем уроке, был SCSS,
который используется для преобразования SCSS-кода в соответствующий CSS-код.
Итак, мы написали эту цитату конец цитаты NPM скрипт называется SCSS, который выполнил узел
sass, ища файлы SCSS
в папке CSS, а затем преобразовывая их в соответствующий код CSS.
И чтобы выполнить это,
мы набрали NPM запустить SCSS в командной строке.
Итак, мы уже видим, что мы использовали несколько
сценариев NPM для автоматизации некоторых задач во время нашей веб-разработки.
Таким образом, подытоживая, сценарии NPM поддерживаются через
это свойство скриптов в файле package.json, как мы видели в примере ранее.
Существует несколько сценариев, которые поддерживаются.
Один, в частности, что представляет интерес для нас, это старт-скрипт,
так что вы можете добавить подсказку типа NPM start,
а затем будет запущен соответствующий скрипт, на который ссылается начало.
Теперь мы можем определить произвольные сценарии в
свойстве scripts, а затем запустить их, сказав NPM run и имя сценария,
как вы видели использование NPM запустить SCSS или NPM run lite и так далее.
Мы собираемся использовать это, чтобы иметь возможность разработать несколько дополнительных скриптов, которые позволят
автоматизировать многие из тех задач, о которых мы говорили в предыдущей лекции.
Таким образом, чтобы помочь нам понять, как мы можем использовать NPM-скрипты для
автоматизации многих наших задач веб-разработки,
мы научимся настраивать NPM-скрипты в файле package.json,
а затем выполнять скрипты,
иногда автоматически или вручную вызывать
скрипты для того, чтобы для создания и развертывания нашего веб-сайта.