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

176
12 февраля 2018, 03:31

Есть самописный плагин jquery примерно такого вида:

$.fn.simpleParallax = function() {
    var act = function() {...};
    return this.each(act);
};

Собираю проект на Webpack. Положил свой плагин в отдельный файл вот так:

module.exports = function(){ ... }

импортировал туда же jquery const $ = require('jquery'), потом в главном скрипте делаю (require('мой плагин'))(). Работает. Но в проекте есть ещё пара jquery-плагинов (они чужие и ничего никуда не экспортируют) - лезть "под капот", импортировать туда jquery, городить module.exports... Это уже совсем не выглядит как хорошая идея. Так каков правильный способ подключения подобных вещей?

Answer 1

В подключаемый модуль можно автоматически добавить импорт при помощи загрузчика imports-loader (который сперва должен быть установлен). Например:

import 'imports-loader?$=jquery!./js/myPlugin';

Подключенный таким способом плагин при сборке обзаведётся вот такой строкой:

/*** IMPORTS FROM imports-loader ***/
var $ = __webpack_require__(0);

webpack_require(0) в данном случае возвращает модуль jquery, подключенный в моей сборке под номером 0

READ ALSO
Убрать отображение 403 ошибки из консоли

Убрать отображение 403 ошибки из консоли

Есть ajax запрос, который подгружает нужную информациюНа серверной стороне различным группам пользователей некоторые страницы могут быть...

149
Как увеличить размер сайта в html [требует правки]

Как увеличить размер сайта в html [требует правки]

Как увеличить размер сайта в html?Например: я закидал все картинками и мои контакты в нижнем правом углу,которые туда прикручены уехали почти...

219
Как сложить цифры введенные из prompt?

Как сложить цифры введенные из prompt?

Как сложить цифры введенные из prompt()?

237
Как подключить slick slider если блок с img я вставляю в html через js?

Как подключить slick slider если блок с img я вставляю в html через js?

Всем привет, не могу подключить slick slider к блоку который выводится в html через jqueryесть некий файлик JSON с которого я вытаскиваю изображение в html

221