В настоящее время я работаю над проектом Vue, в котором мне нужно включить устаревшую библиотеку, которая не работает с Webpack (которую я в идеале хотел бы сохранить для vuetify, vue -router, vuex et c), и предлагаемое исправление состоит в том, чтобы создать экземпляр этого объекта в некотором файле индекса. js, который вызывается через скрипты файла HTML.
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script> // these are some dependencies it wants
<script src="//cdn.jsdelivr.net/momentjs/2.15.1/moment-with-locales.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="./vendors-sdk.min.js"></script> // these are the minified files from the node-module
<script src="./rainbow-sdk.min.js"></script>
Проблема заключается в получении этого объекта ( хотя он правильно подключается и записывает все нужные сообщения). В настоящее время сценарий Jquery создает экземпляр объекта, но, как уже упоминалось, в Vue нет способа получить к нему доступ. Это мой индекс. js file:
$(function() {
// some prep stuff
rainbowSDK.initialize()
/* Load the SDK */
rainbowSDK.load(); //works even though it is not defined
})
К сожалению, я все еще очень плохо знаком с веб-разработкой и не могу понять, как это работает и как внедрить его в мое приложение. Я не могу напрямую импортировать папку из-за множества зависимостей, которые ей требуются. Любой совет или помощь по этому вопросу были бы удивительными.