Сборка frontend проекта - Gulp и Sass (часть 1)
HTML-код
- Опубликовано: 13 сен 2024
- Вторая часть - • Сборка frontend проект...
Собираем скелет проекта с помощью gulp 4, компилируем scss в css. Пишем свои задачи под gulp. Создаем gulp watch для автоматической сборки scss стилей.
![Eminem - Fuel (Shady Edition) feat. Westside Boogie & GRIP [Official Audio]](http://i.ytimg.com/vi/k1OquBida9s/mqdefault.jpg)
![Универсальный СТАРТОВЫЙ ШАБЛОН для твоих пэт-проектов с JS, SASS и Vite [2023]](/img/1.gif)
А если потом при поддержки сайта на сервере придется изменить файл, как это сделать если он минифицирован?
Тут можно поступить следующим образом:
1. Если проект ведёт фирма или фрилансер, то кодовую базу обычно правят на локальной машине, а затем пересобирают фронтенд и заливают на боевой сервер.
2. Можно отключить плагин clean-css, который занимается минификацией стилей и тогда скомпилированный файл можно будет править прямо на боевом сервере.
Предпочтительнее использовать 1-й вариант.
@@kirillbdev Получается если фрилансер сделает сайт, то другие не смогут поддерживать сайт, или исходники хранятся где-то?
@@zolotoy9680 тут вопрос договорённости с фрилансером. Если заказчик серьезный - коды могут хранится в его репозитории (например на gitlab). Чаще фрилансер просто передает все свои исходники заказчику, который в свою очередь передаст их другой команде или фрилансеру. В обоих случаях в проекте находится файл package.json а также gulpfile.js, с помощью которых любой сможет установить нужные зависимости для сборки фронтенда и начать работать.
@@kirillbdev Спасибо, все прояснил