Gulp + Browserify + jquery.scroolly — где ошибка?

Question

[Moe Green]

Основы browserify \ webpack только изучаю. Для практики создал небольшой шаблончик на gulp + browserify.

Подключил плагин https://www.npmjs.com/package/jquery.scroolly и попробовал этот плагин в действии - https://github.com/gearmobile/draft_components/tre....

Но пример не работает и в консоли браузера появляется ошибка - "TypeError: $ is not a function". Так как я новичок в browserify \ webpack, то не могу понять - причина в моей ошибке где-то или же ошибка в плагине? Почему он не видит jQuery?

Подскажите, добрые люди - в чем причина? В своем примерчике (см. выше) вроде все сделал красиво и правильно, но сомнения терзают. )

UPD. Автору плагина отрапортовал уже. Но хотелось бы услышать мнение сообщества.

Answer 1

[Dark Hole]

А сам jQuery добавили?XDDD

Вижу невооруженным глазом, нет jQuery и все. Даже можно не смотреть код. Потому, что не функции $, т. е. jQuery.
Добавьте в тег head скрипт с указанием на jQuery и будет вам счастье.
Правда, есть второй вариант - у вас в скрипте что-то вроде$.nonConflict();

Comments

[Moe Green]

не могу понять - зачем добавлять jquery в head? jquery есть в package.json, browserify должен подтягивать jquery через require как зависимость (наравне с плагином jquery.scroolly) и включать в общий app.js. я не прав?

[Moe Green]

если глянуть в скомпилированный app.js (build/scripts), то там присутствует jQuery (если я не ошибаюсь).

[Dark Hole]

Valery Semenencko: блин, ты сначала добавляешь scroolly. а потом jQuery

Answer 2

[Евгений Симоненко]

Не сильно вникая в Вашу проблему (без исходников это и не получится), могу предположить, что Вам нужно воспользоваться browserify-shim, ибо сам на днях с подобной проблемой сталкивался.

Comments

[Moe Green]

вы как-то странно говорите об исходниках - как раз они и предоставлены для просмотра и использования. и если бы вы посмотрели исходники, то увидели бы, что я пробовал browserify-shim. другой вопрос - правильно ли я его применил? )

[Евгений Симоненко]

Valery Semenencko: я подумал, что это исходники плагина. Попробую взглянуть...

[Евгений Симоненко]

Valery Semenencko: не пробовал в реале сделать, но что, если из package.json убрать строки:

"browser": {
"jquery": "./node_modules/jquery/dist/jquery.js"
},