Как интегрировать 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