The gulp4_template4frontend from bauarm

Скачать

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

bauarm / gulp4_template4frontend Goto Github PK

gulp4_template4frontend's Introduction