Как импортировать jquery плагины в webpack?

Пользователь

от alisa.bahringer , в категории: JavaScript , 8 месяцев назад

Как импортировать jquery плагины в webpack?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от johnpaul.blick , 8 месяцев назад

@alisa.bahringer 

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