Как интегрировать vue 3 с этапом сборке на проекте с bitrix?

Question

[DanilBezrukov]

Немного контекста. Сайт написан на bitrix, преимущественно на JQ.
Я постепенно переписываю его на нативный js и vue
Vue подключен через script и код пишется без этапа сборки.
Разработка ведется через ssh на клонах сайта и потом все заливается на прод через git
На vue пишу каждый функционал отдельным приложением (К примеру писал конфигуратор для мебели и это новый createApp, поиск с выпадающими предложениями, историей и тд, это новый createApp и так далее)
Понимаю какой это костыль, но ничего лучше пока не придумал с этим битриксом.

Давно хочу интегрировать этап сборки, что бы разработка была комфортной но не понимаю с какой стороны подойди.
Сразу перейти на vue и отказаться от jq невозможно.
Возможно кто то подскажет какую структуру стоит создать и где размещать, как это все потом собирать и так далее
Документации на что то подобное пока не нашел, не у vue, не у vite, не у webpack
Буду рад любой информации или возможно вектору, где ее можно найти

Answer 1

[Михаил Р.]

Как интегрировать vue 3 с этапом сборке на проекте с bitrix?

Вариантов не много:
1. Использовать тот подход, который используете сейчас.
2. Писать отдельно фронт, а данные получать по api от битрикса.

Comments

[DanilBezrukov]

Я тоже так думал, но коллега бэк говорит, что на предыдущем проекте у них это было реализовано.
Но увы каких то деталей не знает.

[Михаил Р.]

DanilBezrukov, так Вам нужны подробности разворачивания фронта на vue?

[DanilBezrukov]

Vue используется, я подразумеваю использование компонентов с расширением .vue

Answer 2

[pLavrenov]

vue сам себя позиционируется как модульное внедрение, где можно сделать на всем сайте только один селект с подгрузкой и поиском (например). Так что ничего плохого в твоем подходе нет, в будущем просто добавишь этот кусок в монолит если надо будет.

Answer 3

[Алексей Емельянов]

ничего лучше пока не придумал с этим битриксом

Поэтому Битрикс уже всё придумал за вас, пожалуйста изучите:

• BitrixVue 3
  
• Расширения (extensions)
  
• @bitrix/cli