#02 Подготовка скриптов (Разработка Telegram бота на NodeJS)

Автор Nadezhda Belousova
#02 Подготовка скриптов (Разработка Telegram бота на NodeJS)

Приветствую вас продолжаем разрабатывать телеграм.

Бота и во втором видео уроке мы рассмотрим такую тему как подготовка скриптов переходим Visual Studio прошло я забыл ещё вынести Type Source development dependencies давайте — это сделаем перенесли и так у нас есть команда для компиляции is typescript or JavaScript мы вызываем её mpx и теперь мы просто напишем скрипты которые будут вызывать эту команду первый скрипт будет называться Build здесь уже не нужно писать mpx начали — это будет добавлена автоматически. Давайте проверим работает. Однако до проекта нас будет разрастаться нам необходимо удалить буддист и обратно пересобрать поэтому.

Для этого нам понадобится gulp который будет выполнять серию задач.

Как очистить папку затем скомпилировать с помощью то ещё потом мы добавим другие задачи начинаем устанавливают development dependencies gulp и теперь напишем простой gulp файл здесь пишем первую нашу задачу и так достаём module gulp затем создаем функцию и здесь просто вызываем callback пока, что и экспортируем эту задачу по умолчанию так и теперь давай проверим работает ли npx Gold ошибочка тут не модуль экспорт экспорт default работает. Это простая задача которая ничего не делать теперь будем компилировать typescript будет вызывать компилятор typescript для этого установим gulp typescript module достаём этот модуль создаем проект на основе нашего config typescript config файла и здесь пишем название файла. Я просто скопирую и сразу же создать константу запишем путь к выходной папки — это будет папка dist и теперь создадим функцию которая собирать наш проект. На чём мы с того, что мы все файлы берем все файлы из папки src затем. Передаем — это typescript compiler Test Project вызываем затем достаем джаваскрипт файлы и. Передаем выходную папку и всё — это мы должны вернуть сохраняем и. Давайте теперь выполним belta задачу всё вроде бы работает для чистоты эксперимента я удалю папку dist и. Запусти ещё раз попади создалась опять и мы видим. Вот джис и. Джеймс, но мы не видим sourcemap sourcemap отсутствует. Потому, что его просто не записывает эти файлы нужно теперь поставить module gulp sourcemaps будет собственное записывать файлы или записывать sourcemap и прямо внутрь CSS файлов установим устанавливаем development dependencies вот прописалась версия текущая теперь достаём этот модуль используем его sourcemap всё равно голубцы. И теперь у нас был процесс будет растянут немножко потому, что прежде чем. Начинать компилировать typescript нам нужно инициализировать sourcemaps об этом можете почитать на gulp-sourcemaps на страничке для sourcemaps инициализируем здесь мапс трум и после того как скомпилировать. Или мы должны ещё один шаг добавить где мы записываем Source sourcemaps Right сохраняем пробы скомпилировать смотрим и sourcemap у нас записаны внутри джаваскрипт файлов. Но нам нужно чтобы они были снаружи в файлах для этого здесь мы должны передать путь в данном случае это. Корневая директория сохраняем пробы отличное теперь я вижу файлы которые у нас — это sourcemap и и они находятся отдельно от джаваскрипт файлов где прописывается путь к файлу следующая задача — это нам нужно очистить папку dist для этого нам нужно установить модуль Dell опять dependencies и так прописалась L300 достаём используем длдл равно ривердэйл создадим отдельную задачу эта задача будет очищать диск ретурн дел и здесь мы просто передадим сразу путь Out with header etag. У нас есть две задачи. Клин ebuild. Давайте выполним просто пока. Клин как задачу по умолчанию я выполняю задачу Queen проверим и так мы видим, что папка dist удалилась очистилась полностью теперь выполним две задачи параллельно. Сначала мы очищаем удаляем можно сказать папку и затем мы компилируем typescript. Для этого нам нужно выполнить сервиз и теперь клиент на второе место Build то есть после задача первая задача. Клин затем Build выполняем. В результате мы видим, что папка удалилась очистилось и опять с компилироваться наш проект. Наша задача — это запускать watcher то есть мы должны следить за изменениями изменениями в файлах и перезапускать наши задачи например если мы разрабатываем что-то и поменяли что-то в typescript файлах, тогда нам нужно опять вызвать задачу. Клин и затем опять. Билд для этого мы будем использовать gulp-watch создадим отдельную задачу Watch Task и здесь мы запускаем батчер gulp-watch зачем мы будем следить за всеми файлами в папке src если у нас будут изменения, тогда мы будем выполнять задачу наверное просто build каждый раз очищать папку мы будем просто перезаписывать файлы для того чтобы очистить папку. Нам нужно будет выполнить default задачу. Теперь переименуем default Task — это вот эта задача по умолчанию и мы её будем возвращать можем отдельно теперь возвращать за. А — это назовём задачу Watch которые мы будем запускать снаружи и она будет запускать больше Task проверим работает ли двигатель при теперь по умолчанию если выполняется default задача. А мы выберем какую нам нужно выполнить — это будет Watch. Старт борщ и нас. Судя по всему работает задача сейчас попробую что-то поменять в бот я добавил. Вот пересохранил и у нас опять бил.

0 комментариев
0

Читайте также