#1 Gulp сборка проекта | babel, eslint, browser-sync

Опубликовано: 26 Июль 2026
на канале: Фронтендер

8,776

227

Материалы урока
Код: https://github.com/DmitryBerdnikov/gu...

npm i gulp @babel/register @babel/core @babel/preset-env eslint eslint-config-airbnb-base eslint-plugin-import @babel/eslint-parser husky lint-staged del browser-sync --save-dev

Ссылки урока
EditorConfig: https://editorconfig.org
gulp: https://gulpjs.com/
npm @babel/register: https://www.npmjs.com/package/@babel/...
babeljs @babel/register: https://babeljs.io/docs/en/babel-regi...
babeljs @babel/preset-env: https://babeljs.io/docs/en/babel-pres...
eslint: https://eslint.org/
плагины eslint для редактора: https://eslint.org/docs/user-guide/in...
eslint-config-airbnb-base: https://www.npmjs.com/package/eslint-...
eslint-plugin-import: https://www.npmjs.com/package/eslint-...
@babel/eslint-parser: https://www.npmjs.com/package/@babel/...
husky: https://www.npmjs.com/package/husky
lint-staged: https://www.npmjs.com/package/lint-st...
Ошибка eslint should be listed in the project's dependencies, not devDependencies: https://stackoverflow.com/questions/4...
browser-sync: https://www.npmjs.com/package/browser...
browser-sync gulp: https://browsersync.io/docs/gulp
browser-sync options: https://browsersync.io/docs/options

Связь со мной
Привет! Меня зовут Дмитрий Бердников, я frontend-разработчик.
На канале делюсь знаниями по веб-разработке.
VK: https://vk.com/berdnikovdmitry
Telegram: https://t.me/berdnikovDima

Музыка
Digital Technology Background [Corporate Music] by MOKKA / Security
/ @mokkamusic

#gulp #eslint #babel

Таймкоды:
0:00 Интро
0:41 Создание git-репозитория
1:10 Настройка editorconfig
2:52 Установка npm
4:39 Установка gulp
8:51 Установка eslint
13:11 Создание папок проекта
14:17 Настройка config
17:26 gulp watch, gulp build
19:03 Установка husky
19:58 Установка lint-staged
21:48 Настройка clean
26:36 Настройка browser-sync