- Что такое галп и как с ним работать
- Всегда ли работают с готовой сборкой?
- Как настраивать свою, что требуется или обычно уже есть сборка
- Можно ли обходиться в работе без галпа?
Gulp — это система запуска задач для кода, которая используется для сборки, проверки и разработки кода. Это не единственная система сборки, есть Webpack, Parcel и другие, но для вёрстки часто используется именно Gulp.
Сборка или окружение для разработки обычно есть во всех существующих проектах. Для новых проектов разработку часто начинают именно с создания такой сборки и установки окружения. У многих разработчикв есть собственные шаблоны, которые они копируют в новые проекты и дальше уже настраивают или расширяют их для конкретных задач.
Вы можете взять сборку с этого курса и использовать в вашей работе, но чтобы изменять и настраивать её под другие проекты, нужно в ней хорошо разобраться: понять откуда берутся файлы, какими плагинами обрабатываются и куда записывается результат.
Обходится в простой работе без сборщиков можно, но как только вы попробуете их, то уже не сможете отказаться от удобства локального сервера, автоматического обновления. Также собранный код даёт преимущества для скорости загрузки — об этом мы поговорим в следующем разделе.
Файл package.json мы заполняем сами перед началом проекта? Какие еще файлы из нашего проекта, связанные с работой gulp и node.js мы должны создавать и заполнять сами, а какие файлы создаются автоматически?
Точно также как мы это делали на лекции. В реальной жизни вам приходит сборка и вы ей пользуетесь. Как только вы понимаете, что какой-то функциональности не хватает, например вам нужны webp-картинки, вы добавляете такую функциональность. Ответить на вопрос "какие нужно, а какие нет" не получится. Вся функциональность добавляется по потребностям разработчика.
npm install package — позволяет установить любой пакет по его имени. Если при этом к команде добавить префикс -g пакет будет установлен глобально на весь компьютер. А если без -g написать, то куда будет установлен пакет? только в конкретный проект?
Если установить пакет без флага -g, например, npm i node-sass, то такой пакет установится в папку node_modules проекта - projects/pognali/node_modules/node-sass/
Николай, делала сборку для своего проекта и столкнулась с тем, что у пакета gulp-imagemin (который обрабатывает картинки) немного поменялся состав компонентов. Сейчас компонент для оптимизации jpeg называется imagemin.mozjpeg. Поэтому, если написать задачу по обработке картинок так, как написано в презентации к лекции - консоль будет выдавать ошибку. Поэтому строку про optipng в задаче нужно заменить (как указано в текущей версии документации к пакету - https://www.npmjs.com/package/gulp-imagemin), например на такую - imagemin.mozjpeg({quality: 75, progressive: true}), Решила здесь написать, вдруг кому-то из студентов пригодится.