Как подключить сторонний скрипт ко VueJs?

Question

[alestro]

Пытался подключить скрипты через npm и дальнейший импорт в секцию script и напрямую в секцию через src. Так же использовал vue loader, но не один из вариантов не работает.
так выглядит мой main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import LoadScript from 'vue-plugin-load-script';



Vue.config.productionTip = false


new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Vue.use(LoadScript);

Vue.loadScript("/assets/plugins/jquery/jquery.js")
Vue.loadScript("/assets/js/vendor.js")
Vue.loadScript("/assets/js/theme.js")
Vue.loadScript("/assets/plugins/lazysizes/lazysizes.js")
Vue.loadScript("/assets/plugins/parallax/parallax.js")

Когда пытаюсь подключить скрипты через vue loader в main.js в консоле вижу следующее:

Клац

Uncaught SyntaxError: Unexpected token '<'
Uncaught SyntaxError: Unexpected token '<'
vendor.js:1 Uncaught SyntaxError: Unexpected token '<'
theme.js:1 Uncaught SyntaxError: Unexpected token '<'
lazysizes.js:1 Uncaught SyntaxError: Unexpected token '<'
parallax.js:1

Ипорт через

<script>
import 'jquery'
import 'jquery-parallax.js'
import 'lazysizes'
import './assets/js/theme.js'
</script>

в app.vue

тоже заканчивается ошибкой:

клац

parallax.min.js?c689:6 Uncaught ReferenceError: jQuery is not defined
at eval (parallax.min.js?c689:6)
at Object../node_modules/jquery-parallax.js/parallax.min.js (chunk-vendors.js:1153)
at __webpack_require__ (app.js:854)
at fn (app.js:151)
at eval (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js&:4)
at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js& (app.js:1007)
at __webpack_require__ (app.js:854)
at fn (app.js:151)
at eval (App.vue?7a5c:1)
at Module../src/App.vue?vue&type=script&lang=js& (app.js:1157)

Answer 1

[Виктор Л]

import $ from 'jquery'
var $ = require('jquery')