Опережая ответ, бросай это неблагодарное дело)
youtube, лучше смотри после прочтения ответа
Думаю первые два пункта очевидны, но напишу
1. Устанавливаешь node.js
Через консоль
2. Устанавливаешь bitrix cli
npm install -g @bitrix/cli
Дальше судя по логике человека из видоса, если у тебя не SPA, а у тебя наверняка не SPA:
3. Создаешь экстеншен для vue (или другого) плагина, в консоли переходишь в папку /local/js/имя_модуля/
bitrix create
отвечаешь на вопросы, имя твоего экстеншена должно быть без точек
4. Переходишь в папку с экстеншеном, пишешь
npm init
5. Скачиваешь нужный плагин
npm i названиепакета
проверь что в package.json он добавился
6. В редакторе открываешь bundle.config.js в нем добавляешь
plugins: {
resolve: true,
},
7. Открываешь файл в папке src, который создался через bitirx create, в нем все стираешь и пишешь import плагина, как пример
import React from 'react'
export {React}
8. В консоли (проверь что находишься в папке со своим экстеншеном , а не где-нибудь в корне, иначе ядро сбандлишь и будет плохо)
bitrix build
9. Смотришь bundle в папке dist, если все ок, там должен быть транспилированный код твоего плагина
Теперь можешь юзать через битриксовое api
\Bitrix\Main\UI\Extension::load("имя_модуля.имя_экстеншена")
import React from 'имя_модуля.имя_экстеншена';
loadExtension('имя_модуля.имя_экстеншена').then(() => {
// Код который использует `main.loader`
});
P.S.
Сам я пробовал react устанавливать, но у него в файлах используются переменные окружения node.js и т.к. они не определены js валится, как с этим быть я не разобрался и поэтому забил, может с другими плагинами норм будет.
И опять же судя по словам человека из видоса, так нужно делать для каждого плагина, чтобы код не дублировался в других твоих бандлах