Html-template.

Для сборки Stylus и JavaScript используется gruntjs.com

Для работы требуется: Node.js.

Установка Grunt

sudo npm install -g grunt-cli

Перезапустите консоль.

Для дальнейшей установки перейдите в папку с проектом и выполните коману:

npm install

Использование Grunt в проекте

• Переходим в папку с проектом.
• Выполняем команду grunt – запустится событие, которое будет отслеживать изменения в папке layout/assets/
• JS и CSS скомпилируются в папку layout/media/

Генерация спрайтов. Использование.

• PNG складываем в папку layout/media/images/sprite/
• После компиляции появятся/обновятся layout/media/images/sprite.png и layout/assets/css/variables/sprite-mixins.styl
• Пример использования: .class-name { s-filename() или s-filename(p) или s-filename(r)}