Как настроить browser sync на Bitrix?

Question

[Андрей Белый]

Добрый день!
Собственно появилось желание повысить производительность и кратко познакомился с gulp. Сходу заинтересовали browser-sync, scss, autoprefix, минимализация кода копнул глубже и понял, что для gulp необходим node.js, копнул ещё глубже и понял, что node тот же php. На хостинге есть возможность выбрать разные версии php там же и node, соответственно провел параллель «либо php, либо node».


А теперь конкретно:
1. Bitrix на php написан, а без node gulp не работает как это дело обыграть?
2. Правильно ли я понял, что node такой же язык для бекэнда, что и php?
3. Может помимо gulp есть альтернативы для Bitrix? Важен browser-sync, scss, autoprefix, минимализация кода

Answer 1

[artem_music]

К сожалению битрикс не ориентирован на нормальную разработку в плане дев-сред и тд. В его случае алгоритм следующий:
1. Делаете отдельно фронтенд часть проекта (верстка и тд)
2. Билдите верстку в styles.css
3. Закидываете сбилженные стили в папку темы битрикса (local/templates/ваша_тема/)
4. Подключаете файл в шаблоне header.php в той же папке темы
5. Profit

Дальше закидываете просто новые сбилженные стили.

Comments

[Андрей Белый]

Получается фронтенд мне придется делать отдельно...
Я выполняю много задач по переверстке/переделке отдельных компонентов сайта и мне в таком случае проще по FTP работать, спасибо за ответ :)

[artem_music]

Андрей Белый, да, все верно, либо отдельно, либо по логике битрикса - у каждого компонента есть свой css и изменения вносятся в них