Как / Где SuiteCRM компилирует файлы scss в теме?
В настоящее время я работаю над настройкой пользовательской страницы администратора для конкретной задачи, которую мне нужно сделать, и она требует некоторого пользовательского стиля в теме. Я пошел в themes/SuiteP/css папка и найдена admin.scss, После внесения изменений я предполагал, что Suite будет динамически компилировать ресурс, поскольку я работаю в режиме разработчика; Однако этого не произошло.
Я решил поискать в коде любое место, которое смогу найти для компиляции этих файлов в *.css, но не нашел такого места.
Мой вопрос связан с вопросом о том, где эта компиляция и / или как она происходит. Сейчас мне кажется, что мне нужно вручную скомпилировать эти ресурсы, что кажется бессмысленным, потому что это просто дополнительный шаг, который я должен сделать вручную, так как рендеринг с использованием SCSS менее полезен по сравнению с CSS.
Прямо сейчас, моим решением, вероятно, будет добавление файла CSS, который не имеет ничего общего с существующим конвейером, но если я смогу использовать существующую функциональность, это было бы здорово.
Решение
Из-за унаследованных проблем со структурой SugarCRM SuiteCRM загружает style.css для текущей темы. Sass работа для SuiteCRM находится в переходном периоде. В настоящее время это ручной процесс, но мы надеемся сделать его автоматизированным в будущем.
Мы используем Sass как способ, позволяющий разработчикам настраивать тему SuiteP. У меня есть проект GitHub, который предоставляет пользовательский интерфейс для создания переменных. Scss для вас. Я надеюсь, что это будет принято в будущем выпуске.
Итак, что касается вашего рабочего процесса, вам нужно заботиться только о style.css.
Если вы хотите внести свой вклад обратно в проект SuiteCRM, вам нужно будет использовать файлы sass в themes / SuiteP / css /.
Однако, если это только для вашего экземпляра SuiteCRM, вам нужно будет создать style.css в custom / themes / SuiteP / css / style.css. Как вы измените это зависит от вас.
Я бы порекомендовал вам использовать Sass для генерации style.css.
Вы можете добиться этого, скопировав файл style.scss custom / themes / SuiteP / css и добавив в файл следующее
@import ../../../../themes/SuiteP/css/style.scss
Примечание: у меня может быть немного неправильный путь
или используйте инструменты командной строки, чтобы включить каталог themes / SuiteP / css /
Смотрите подробности:
SASS: импортировать файл из другого каталога?
SuiteCRM должен взять на себя всю оставшуюся работу. В SuiteCRM 7.9 есть изменение, которое заменяет $ sugarcrm_version в пользу $ suitecrm_version. Это повлияет на тему themedef.php.
Смотрите для деталей
https://github.com/salesagility/SuiteCRM/pull/3233/files
Надеюсь, это ответит на ваш вопрос.
Другие решения
Вы больше всего устанавливаете SASS компилятор.
пререкаться это язык сценариев, который интерпретируется в каскадные таблицы стилей.
Установите Sass следующие шаги, если вы используете Linux:
1 sudo su -c "gem install sass" или же gem install sass;
2 компиляции скриптов по терминалам sass --watch css/scss:css/ (путь к исходному scss / путь к выходному css)