Скачать

git clone https://github.com/bauarm/gulp4_template4frontend.git

---

Проверка на наличие gulp-cli

npm ls -g --depth=0 

Если gulp-cli не установлен то установка глобально

npm i gulp-cli -g 

Проверка на наличие gulp

npm gulp -v

Если gulp не установлен то установка локально в папку с проектом

npm i gulp 

Привязать проект к рабочему репозиторию

git remote set-url origin git@git_server.com:user_name/repository_name.git

---

Инициализация проекта

npm i -y 

---

Изменить режим разработки

global.isDev и global.isProd это переменные которые отвечают за управление режимами разработки, они вынесены в global ноды для модульности и изменяются в gulpfile.ls

---

Запустить сервер разработки без библиотек

gulp

Запуск сервера разработки через npm script с компиляцией библиотек

npm run gulp-start

npm скрипт

gulp css-libs && gulp js-libs && gulp

---

Режим наблюдения с компиляцией всех библиотек

---

Работа с отдельными тасками

Компиляция различных CSS библиотек

gulp css-libs

Список подключенных в проект стилевых библиотек находится в файле csslibs.js в массиве модуля cssLibs

---

Компиляция различных JS библиотек

gulp js-libs

Список подключенных для проекта JS библиотек находится в файле jslibs.js в массиве модуля jsLibs

---

Подключение jquery в сборщик webpack

В файл dev/js/entry.js вставить запись

import $ from "jquery";

---

Список подключенных в проект стилевых библиотек находится в файле csslibs.js в массиве модуля cssLibs

Полная очистка папки со сборкой (dist)

gulp clean

Проверка или самостоятельный запуск сборщика Pug для верстки

gulp pug

Проверка или самостоятельный запуск сборщика SASS/SCSS для стилей

gulp sass

Проверка или самостоятельный запуск сборщика WEBPACK для скриптов

gulp webpack