# Введение в Gulp 4

Gulp - это инструмент для автоматизации часто возникающих при разработке сайта задач: минимизация CSS и JavaScript файлов, слияние нескольких файлов в один, преобразование LESS и SASS в CSS, преобразование языка TypeScript в JavaScript и тому подобных задач.

Принцип его работы следующий: для системы Gulp пишутся задания, а Gulp выполняет эти задания в заданной последовательности.

Давайте установим Gulp. Для этого в командной строке нужно выполнить команду:

`npm install --global gulp-cli`

Теперь создадим проект, в котором будет использоваться Gulp. Для этого в папке проекта создадим следующую файловую структуру:

- /src/
  - /js/
    - script1.js
    - script2.js
    - script3.js
  - /css/
    - styles1.css
    - styles2.css
  - /img/
    - image1.png
    - image2.png
    - image3.png
  - index.html

Также в папку проекта нужно добавить `package.json`, После этого можно установить Gulp в проект. Для этого в командной строке, находясь в папке с проектом, необходимо выполнить следующую команду:

`npm install --save-dev gulp`

Создайте проект и установите в него Gulp.

→
↑