1. Сборка css,js
На этом этапе нам понадобится подключить IDE. Для работы с проектом будем использовать PhpStorm
Руководство по синхронизации и подключению проекта доступно по этой ссылке.
В шторме назовите проект cut-away
После того как проект синхронизировался со штормом, необходимо подключить стили и javascript.
Для подключения будем использовать технологию prPack которая встроена во фреймворк.
Сначала соберем пакет. Для этого откройте файл/Project/settings/prPack.php - в нем хранятся пакеты которые доступны для сборки.
В системе уже имеются несколько шаблонов для пакетов сборки. Перейдем в папку /Project/static/css - и изучим содержимое папки.
Все минифицированные стили шаблона хранятся в файле style.min.css и это значит что мы его будем использовать для подключения на сайт.
Аналогично проверим папку /Project/static/js - в файле script.min.js находятся все скрипты, это основная сборка. Как мы видим что у нас уже есть пакет basic.min который можно использовать для сборки.
Создадим еще один пакет в котором будут лежать дополнительные файлы для расширения шаблона. Пакет назовем composit
Вот так в итоге должен выглядеть файл:
Важно! В пакет composit подключите диррективу для автозамены относительных путей.
'replaced' => array('../' => '/Project/static/', ),
Как в примере.
После того как пакеты собраны, нам необходимо перейти в файл /Project/components/basic.php - это файл компонента basic, он отвечает за подключение общих зависимостей.
В файле подключается компонет menu,jquery и файлы статики. Но так как мы будем использовать PrPack, то нам необходимо удалить подключение статики с помощью методов css и js, так же компонент jquery. В итоге файл должен стать таким:
После того как удалили все подключения, нам необходимо запустить сборку. Как это делается - описано в документации.
Для корректоной работы проекта, нам понадобится подключить следующие компоненты: jquery,basic.min,composit
Вот так:
Откройте главную страницу сайта и убедитесь что сборка прошла корректно, это будет видно по применившимся стилям.
