Я видел много вопросов по этому поводу в SO и других местах, но пока мне не повезло.
Для некоторого контекста я создал сайт SPA на проекте Vue, который я создал с помощью«старая» команда.Я не помню, какой именно, но это выглядело следующим образом:
vue init webpack <my project>
Я недавно понял, что Vue-CLI 3 будет намного проще для меня поддерживать, обновлять и улучшатьпо различным контекстным причинам, поэтому я установил @vue/cli, создал новый проект и начал копировать / вставлять файлы из моего старого проекта в новый.
Старый проект имел каталог build с различными веб-пакетами.Конфигурационные файлы в нем, и мне нужно было глобально установить jQuery для пакета, который я хотел использовать, поэтому я добавил следующее в «базовую» конфигурацию Webpack.
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
Однако в новом проекте всеТеперь у меня есть файл конфигурации babel.config.js и vue.config.js в корне проекта, нет директории build и config.
Я попытался установить jQuery глобально со следующими строками внутри моего main.js file:
import jQuery from 'jquery'
window.$ = window.jQuery = jQuery
global.$ = global.jQuery = jQuery
Но каждый раз, когда я перезагружаю свою страницу, я получаю следующее сообщение:
jQuery не определен
Итак, пока я использую CDN-версию jЗапрос, но я не чувствую себя комфортно с этим решением.
Как мне продолжить работу с проектом Vue-CLI 3?
Заранее спасибо