Задать вопрос
@Yurajun
javascript

Как подключить в webpack плагин jquery?

Всем здравствуйте. Есть jquery плагин paroller.js . Который имеет вид.
jquery.paroller.js
(function (factory) {
})(function ($) {
});

И я его хочу подключить как
а) import 'paroller.js';
б) require('paroller.js');
И вызвать
$('.fd').paroller();
но я всегда получаю ошибку
Uncaught TypeError: (0 , _jquery2.default)(...).paroller is not a function

Все остальные библиотеки по типу owl.carousel работают.
Может кто знает, как подключать подобного рода плагины.
Заранее спасибо.
  • Вопрос задан
  • 170 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@Yurajun Автор вопроса
Я нашел решение.
Я добавил строку 
alias: {
				jquery: require.resolve('jquery'),
			},

в настройках webpack.config.js в раздел resolve
Полное описание блока resolve
resolve: {
			modulesDirectories: ['node_modules'],
			extensions: ['.js', ''],
			alias: {
				jquery: require.resolve('jquery'),
			},
		},

Теперь плагин paroller.js легко подключается через import
Правда, что бы вызвать его на элементе, пришлось обернуть в $(document).ready
import 'paroller.js';

$(document).ready(() => {
	$('.js-box').paroller({
		factor: 0.5,
		factorXs: 0.2,
		type: 'foreground',
		direction: 'horizontal',
	});
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер и админку
19 апр. 2024, в 14:12
30000 руб./за проект
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Разработка дизайна мобильного приложения которое управляет вентиляцией
19 апр. 2024, в 14:01
70000 руб./за проект
Ещё заказы