En
Ru
Uz

$ npm init

Install gulp-cli

$ npm i gulp-cli -g

Install gulp full plagin

$ npm i gulp gulp-autoprefixer @babel/core gulp-babel @babel/preset-env babel-preset-minify gulp-group-css-media-queries browser-sync gulp-sourcemaps node-sass gulp-sass gulp-include gulp-rename -D

Install proweb gulp

$ npm i gulp-proweb

Create the gulpfile.js file

$ npx https://gist.github.com/nibltaov/cc020cc26de2a6765798908cbc88fa24

The gulp-proweb module creates the app folder on its own for the first time

He creates his own directory of folders

app/
├── src/
│   ├── fonts/
│   ├── images/
│   ├── script/
│   │    └── common.js
│   ├──style/
│   │    └── main.scss
│   ├──view/
│   └──index.html

And to start working with gulp after all the entries in the terminal described above. Write in the terminal gulp

$ gulp

The gulp-proweb module monitors all files and their changes and reboots the server using browser-sync

В первую очередь Вы должны инициализировать проект

$ npm init

Установка gulp-cli в Ваш проект

$ npm i gulp-cli -g

Для работы без ошибок Вы должны установить все плагины

$ npm i gulp gulp-autoprefixer @babel/core gulp-babel @babel/preset-env babel-preset-minify gulp-group-css-media-queries browser-sync gulp-sourcemaps node-sass gulp-sass gulp-include gulp-rename -D

А теперь устанока самого плагина proweb gulp

$ npm i gulp-proweb

Далее мы должны создать файл gulpfile.js при помощи команды:

$ npx https://gist.github.com/prowebuzb/9eb50686f871e2f4276e5005e1d5b0f7

Для запуска gulp Вы должны в терминале написать следующую команду

$ gulp

Модуль gulp-proweb самостоятельео создает папки для работы проекта

Ниже представлена иерархия директории для работы gulp`a

app/
├── src/
│   ├── fonts/
│   ├── images/
│   ├── script/
│   │    └── common.js
│   ├──style/
│   │    └── main.scss
│   ├──view/
│   └──index.html

После запуска у Вас автоматически будет создаваться сервер browser-sync который будет следить за файлами и автоматически перезагружать страницу в брузере

Avvalo, Siz loyihaingizni o'rnatishingiz kerak

$ npm init

Sizning lolihangizga gulp-cli o'rnatish

$ npm i gulp-cli -g

Xatolarsiz ishlashingiz uchun Siz barcha plaginlarni o'rnatishingiz kerak

$ npm i gulp gulp-autoprefixer @babel/core gulp-babel @babel/preset-env babel-preset-minify gulp-group-css-media-queries browser-sync gulp-sourcemaps node-sass gulp-sass gulp-include gulp-rename -D

Endi plaginni o'zini o'rnatamiz proweb gulp

$ npm i gulp-proweb

Keyinchalik pastda keltirilgan buyruq yordamida gulpfile.js fayl yaratishimiz kerak:

$ npx https://gist.github.com/prowebuzb/9eb50686f871e2f4276e5005e1d5b0f7

Gulp ni ishga tushirish uchun Biz keyingi buyruqni terminalga yozishinmiz kerak

$ gulp

Loyiha mustaqil ravishda ishlashi uchun Modul papkalarni yaratadi

Loyiha gulp-prowebmustaqil ravishda ishlashi uchun Modul papkalarni yaratadi

Gulp ni ishlashi uchun pastda kataloglar ierarxiyasi ko'rsatilgan

app/
├── src/
│   ├── fonts/
│   ├── images/
│   ├── script/
│   │    └── common.js
│   ├──style/
│   │    └── main.scss
│   ├──view/
│   └──index.html

Boshlaganizdan so'ng, siz fayllarni kuzatadigan va brauzerda sahifasini avtomatik ravishda qayta tiklaydigan browser-sync serveri avtomatik yaratiladi