Требования, ПО

Для внесения изменений в мобильный сайт необходимо:

  • Node.js http://nodejs.org/
  • LESS Compiler https://npmjs.org/package/less
  • Gulp сборщик http://gulpjs.com/


Структура мобильного сайта

  • /css/ — папка для стилей мобильного сайта
  • /img/ — папка для изображений
  • /js/ — папка для скриптов
  • /tmpl/ — папка для шаблонов мобильной версии
  • /build/ — папка результата сборки проекта через gulp
  • compile.sh — файл выполнения сборки мобильного сайта без gulp (должен быть с правами на выполнение)
  • config.js — файл конфигурации
  • mobi.js — скомпилированный файл мобильной версии сайта
  • package.json — зависимости пакетов npm для сборки проекта
  • gulpfile.js — описание процедуры сборки gulp
  • eski.mobi.min.js — библиотека, необходимая для работы мобильного сайта


Редактировать файлы
/css/style.css, mobi.js, compile.sh не рекомендуется, поскольку это уже скомпилированные версии исходников. Для правильного внесения изменений редактируйте исходники с расширением *less, шаблоны в папке /tmpl/ и скрипты в папке /js/


Стилевые файлы написаны с использованием LESS (http://lesscss.ru/) и при компиляции собираются в /css/style.css


Изменения остальных файлов (/js/ и /img/) сразу отображаются на мобильной версии.


После изменения файла config.js или файлов в директориях /tmpl/ и /css/ следует выполнить компиляцию (сборку) мобильного сайта:

  • для linux достаточно запустить файл compile.sh
  • для остальных платформ нужно использовать сборщик gulp


Для его использования требуется nodejs. Инструкция использования:

  1. Если у вас в проекте нет файлов package.json и gulpfile.js, то запросите в техподдержке eski.mobi эти файлы для вашего проекта
  2. Установить глобально сборщик gulp: > npm i -g gulp-cli
  3. Установить зависимости в проекте (в папке мобильного сайта): > npm i
  4. Запустить сборку: > gulp build


Сборщик gulp собирает весь мобильный сайт в подпапку /build папки мобильного сайта.