Verwenden Sie Slick-Karussell mit globalen jQuery und browserifizieren

Question

Mein Setup sieht aus wie this answer here mit browserify-shim und die hängt alles eingerichtet. Ich bekomme das Problem nicht in dieser Frage, wo sich Browserify beschwert, dass es das Modul nicht finden kann.

Eher, beim Laden der Seite, bekomme ich Uncaught TypeError: $picker.slick is not a function, $picker ist ein jQuery-Objekt. Ich hoffe, ich kann eine endgültige Lösung finden.

This solution changes code, so ideal tun wir das nicht. Es gibt auch this solution for a similar issue but using browserify global transforms. Im Moment habe ich meine Browsereinstellungen in meinem package.json und ich bin mir nicht sicher, wie man das übersetzt.

Auch verwende ich Elixir's Abstraktion von Schluck browserify, obwohl nicht in einem Laravel-Projekt. WordPress, eigentlich.

Answer 1

Versuchen explizit Slick Karussell als jQuery-Plugin zu exportieren, etwa so:

"browserify": { 
    "transform": [ 
    "browserify-shim" 
    ] 
}, 
"browserify-shim": { 
    "jquery": "global:jQuery", 
    "slick-carousel": { 
    "depends": [ 
     "jquery: jQuery" 
    ], 
    "exports": "$.fn.slick" 
    } 
},