Gulp конфиг для запуска методов InSales uploader
InSales uploader позволяет локально работать с темами платформы InSales
Как начать работать
- Если у вас не установлен node.js, то необходимо установить с оф. сайта, желательно последнюю версию.
- Скачать архив данного репозитория или сделать git clone.
- Установить пакеты через npm.
- Отредактировать options.js в соответствии с вашим магазином.
- Запустить нужную задачу.
- Переодически следить за обновлением пакета InSales uploader (чтобы обновить пакет, в консоли нужно запустить
npm update).
Видео по установке
Установить пакеты через npm
Установка пакетов производится из командной строки (должен быть установлен node.js).
В командной строке находим папку в которую вы скопировали данный репозиторий.
Пример:
cd c:\shop-insalesЕсли у вас нет опыта работы с командной строкой, может быть полезна статья про команду cd.
После того как вы открыли папку, можно запустить установку пакетов:
npm installOptions
account
- id, token — необходимо сгенерировать в бэк-офисе: Приложения -> Разработчикам -> Создать новый ключ доступа;
- url — url магазина из бэк-офиса, ссылка не должна содержать 'http://' и '/';
- http — если в админ панели нет поддержки https, следует выставить значение - true;
theme
- id — id темы;
- root — корнеевая папка для сохранения темы;
- excludeFiles - массив путей, которые будут игнорироваться при отслеживании изменений.
Запуск задач
Чтобы запустить задачу, в командной строке нужно запустить:
gulp <имя задачи>
Пример:
gulp downloadЗадача с именем default запускается просто:
gulpПосле того как запустится задача с методом stream, все изменения в файлах будут применяться на сайте.
Если команда gulp не найдена, установите gulp глобально. npm i gulp -g
Структура папок
Папки media и assets, дублирут друг друга. Когда запущен стрим изменения попадают в обе папки. Так же при скачивании файлы раскладываются в media и assets. Assets создаётся для удобства работы.
Папка media является приоритетной, так как она предусмотрена архитектурой тем на платформе InSales.
root/
|-- assets/
|-- fonts/
|-- img/
|-- js/
|-- media/
|-- style/
|-- svg/
|-- config/
|-- media/
|-- snippets/
|-- templates/
|-- backup/О проблемах в работе пишите сюда