Установите необходимый плагин jquery. Например, для плагина owl.carousel:
npm install owl.carousel
Включите плагин в свой код:
import $ from 'jquery';
import 'owl.carousel/dist/owl.carousel.min.js';
$(document).ready(function(){
$('.owl-carousel').owlCarousel();
});
Убедитесь, что ваш конфигурационный файл webpack имеет включение плагина ProvidePlugin:
const webpack = require('webpack');
module.exports = {
// ...
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
})
]
};
Это позволяет вам использовать глобальные переменные внутри модулей без явной их передачи.
// Файл, где можно использовать переменную jQuery без импортирования
$(document).ready(function(){
// Код тут
});