Конечно, вывод команд в консоли, которые мы делали в предыдущих видео - это довольно занимательное занятие.
Но, как вы понимаете, система Gulp изначально создавалась не для того, чтобы выводить какие-то простые команды в консоль терминала.
Смысл gulp в том, чтобы выполнять какие-то рутинные задачи, которые встречаются вам по ходу веб-разработки. Если говорить простыми словами, то основной смысл Guld в том, чтобы он взял какой-то один файл, который есть в вашем проекте, каким-то образом этот файл преобразовал и на выходе вы получили уже обновленный файл, который вы можете использовать в своем проекте.
Конечно, можно делать какие-то другие вещи, но в большинстве случаев у вас будет так.
Т.е. вы взяли какой-то файл, обработали его с помощью guld и получили обработанный файл. В этом вся задача.
Для того, чтобы это все настроить, для удобства делают две папки. В нашем проекте этих папки могут называться как вам будет удобно. Guld можно подстроить под любые названия.
Давайте я их назову первую папку с src "от английского слова source" или источник. В этой папке будет лежать исходные файлы, которые мы будем брать для преобразование и вторая папка которая будет в нашем проекте будет называться build.
Это значит "завершенная" в этой папке будут находиться уже обработанные файлы, которые обработала система Gulp.
Смысл очень простой: взяли файл из папки src, Gulp обработал его, поместил результат в папку build.
Такая задача. Все достаточно просто и для того, чтобы начать разбираться с этой всей системой, я бы хотел начать работу с Gulp c преобразования файлов.
При работе с каскадным таблицами стилей, есть такой формат файла, возможно вы его встречали scss.
Проблема в том, что браузеры не понимают эту технологию и не умеют работать с файлами scss.
Мы с вами должны преобразовать код, который напишем в этом файле в понятный для браузера формат css.
Такая задача, когда нам нужно преобразовать какой-то один файл в другой, как правило, это является задачей Gulp, которую можно решать с помощью Gulp.
В следующих видео мы с вами рассмотрим как можно код, который мы здесь напишем преобразовать в обычный файл style.css, который мы уже можем использовать дальнейшем.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти