Требования, ПО
Для внесения изменений в мобильный сайт необходимо:
-
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. Инструкция использования:
-
Если у вас в проекте нет файлов package.json и gulpfile.js, то запросите в техподдержке eski.mobi эти файлы для вашего проекта
-
Установить глобально сборщик gulp: > npm i -g gulp-cli
-
Установить зависимости в проекте (в папке мобильного сайта): > npm i
-
Запустить сборку: > gulp build
Сборщик gulp собирает весь мобильный сайт в подпапку /build папки мобильного сайта.