Oldis Media

Начало работы

Находясь в корне проекта, запустите команду

npm install или yarn install

Команда установит все находящиеся в package.json зависимости.

Как сменить страницу

Переходим в файл src\pages\index.ejs и изменяем строку const page = "../components/pages/detail/index.ejs" вписывая вместо detail название нужной страницы (home, articles, videos, detail).

Структура папок и файлов

├── gulp/                         # Все настройки Gulp-сборки, разделенные по отдельным файлам
├── src/                          # Исходники
|   ├── assets/                   # Файлы проекта
│   |   ├── script                # Скрипты
│   │   |   └── main.js           # Главный скрипт
│   │   |   ├── components        # Компоненты
│   |   ├── styles                # Стили сайта
│   │   |   └── main.scss         # Главный файл стилей
│   │   |   └── _reset.scss       # Сброс стилей
│   │   |   └── _fonts.scss       # Файл для подключения шрифтов
│   │   |   └── _mixins.scss      # Файл для подключения миксинов
│   │   |   └── _variables.scss   # Файл для написания переменных
│   │   |   ├── components        # Компоненты
│   │   |   ├── mixins            # Папка с миксинами
│   |   ├── images                # Папка для хранения картинок
│   |   ├── resources             # Папка для хранения иных ассетов
│   │   |   ├── fonts             # Папка для хранения шрифтов
|   ├── components                # Папка с ejs компонентами
|   ├── layouts                   # Папка с лэйаутами сайта
|   ├── pages                     # Папка со страницами сайта

└── gulpfile.js                   # Файл с настройками Gulp
└── package.json                  # Файл с настройками сборки
└── .editorconfig                 # Файл с настройками форматирования кода
└── .htmlhintrc                   # Файл с настройками htmlhint
└── README.md                     # Документация сборки

npm-скрипты

Вызывать различные Gulp-задачи нужно только через npm-команды, т.к. обычные Gulp-команды работают неполноценно.

• npm run dev — базовая команда, которая запускает Gulp в режиме разработки.
• npm run build — команда, запускающая сборку всех файлов в папку dist для дальнейшей работы/переносу их в отдельный движок*