Есть самописный плагин jquery примерно такого вида:
$.fn.simpleParallax = function() {
var act = function() {...};
return this.each(act);
};
Собираю проект на Webpack. Положил свой плагин в отдельный файл вот так:
module.exports = function(){ ... }
импортировал туда же jquery const $ = require('jquery')
, потом в главном скрипте делаю (require('мой плагин'))()
.
Работает. Но в проекте есть ещё пара jquery-плагинов (они чужие и ничего никуда не экспортируют) - лезть "под капот", импортировать туда jquery
, городить module.exports
... Это уже совсем не выглядит как хорошая идея.
Так каков правильный способ подключения подобных вещей?
В подключаемый модуль можно автоматически добавить импорт при помощи загрузчика imports-loader (который сперва должен быть установлен). Например:
import 'imports-loader?$=jquery!./js/myPlugin';
Подключенный таким способом плагин при сборке обзаведётся вот такой строкой:
/*** IMPORTS FROM imports-loader ***/
var $ = __webpack_require__(0);
webpack_require(0) в данном случае возвращает модуль jquery, подключенный в моей сборке под номером 0
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть ajax запрос, который подгружает нужную информациюНа серверной стороне различным группам пользователей некоторые страницы могут быть...
Как увеличить размер сайта в html?Например: я закидал все картинками и мои контакты в нижнем правом углу,которые туда прикручены уехали почти...
Всем привет, не могу подключить slick slider к блоку который выводится в html через jqueryесть некий файлик JSON с которого я вытаскиваю изображение в html