Gulp сборка с нуля, современный синтаксис, полное руководство
Друзья, обновил старое видео по gulp 4, использую новый, более удобный, современный синтаксис. Записал вам пошаговое руководство и советы, как обновить свою сборку.
Видео о препроцессорах:
youtu.be/MpzTnr5x_Wg
Node: nodejs.org/en/
Gulp: gulpjs.com/
npm: www.npmjs.com/
browser-sync: browsersync.io/
Тайм-коды:
0:00 Приветствие
1:20 Что такое gulp
2:57 NodeJs (https://nodejs.org/en/)
4:28 Чем удобен VS CODE
5:09 Способ 1 консоль (Самый удобный)
5:48 Способ 2 консоль (Не самый удобный)
7:37 Рекомендации
8:47 Установка gulp глобально
10:14 NPM ( www.npmjs.com/)
12:17 Если уже установлен Gulp
12:57 Установка gulp в Папку (Не спеши нажимать Enter)
13:51 Инициализация проекта ( init — пишем в первую очередь! )
16:45 Что такое ---save-dev
18:30 Файл package-lock.json
18:50 Папка Node_modules
22:36 Выпьем не много чаю и поехали дальше ^^^
22:50 Создание gulpfile.js
24:18 Что такое предпроцессоры, смотрите видео по ссылке (Видео о препроцессорах:
youtu.be/MpzTnr5x_Wg)
24:52 Что умеет gulp
25:40 Первый Плагин (gulp-sass)
40:35 Что такое конкатенация?
42:32 Второй Плагин (gulp-concat)
45:38 Watch (Слежение)
51:33 Зачем gulp, если есть VSCODE
55:40 Третий Плагин (browser-sync)
1:13:13 скрипты
1:14:31 Четвертый плагин (gulo-uglify-es)
1:34:13 Пятый Плагин (gulp-autoprefixer)
1:40:00 Таcк build
1:45:00 Шестой плагин (gulp-imagemin)
1:54:40 Седьмой плагин ( del)
2:03:07 Как Работать с другими проектами
2:06:46 Конец
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ