Как я могу сделать доступным @ progress / kendo-ui из веб-пакета JS в HTML коде?

Question

Я использую Webpack для управления моим кодом JS / CSS / S CSS. Но для более старых частей приложения мне нужно сделать доступными jquery и @ progress / kendo-ui не только в комплекте JS основных файлов и файлов модулей, но и в том, что важно в HTML файлах.

I не знаю, если это правильно, то в Webpack я использовал следующий плагин:

module.exports = {
   plugins: [
       new webpack.ProvidePlugin({
           $: 'jquery',
       })     
   ]
}

... и в комплекте JS я поставил следующие строки.

import 'jquery';
import '@progress/kendo-ui';

global.$ = $;
global.jQuery = jQuery;

Сборка Webpack работает. Jquery также работает ($ и jQuery доступно в HTML). Но, пожалуйста, помогите мне. Как я могу сделать то же самое с @ progress / kendo-ui? Как я могу импортировать kendo-ui в пакет JS, но с возможностью использовать вне пакета в HTML файлах?

Например, это работает, я могу использовать $ и jQuery, чтобы выбрать el:

<select name=[myselect] .....>
console.log($('select[name=myselect]'))

Но когда я пытаюсь использовать следующий пример, раскрывающийся список заменяется на [объектный объект]

$('select[name=myselect]').kendoDropDownList();

Другие проблемы, с которыми я сталкиваюсь и в DataGrids. Но если я удалю @ progress / kendo-ui из комплекта JS и импортирую JS, CSS через ..., то все работает. Я думаю, проблема в объекте «this» внутри кендо, когда я использую его из HTML, но я понятия не имею, как его решить.

Спасибо за каждую помощь .