使用带有全局 jQuery 和 browserify 的 slick-carousel

Question

我的设置看起来就像带有 browserify-shim 的 this answer here 和依赖的所有设置。我没有收到 Browserify 抱怨找不到模块的问题中报告的问题。

相反，在页面加载时，我得到 Uncaught TypeError: $picker.slick is not a function, $picker 是一个 jQuery 对象。希望我能找到一个明确的解决方案。

This solution changes code，所以理想情况下我们不这样做。还有this solution for a similar issue but using browserify global transforms。现在我的 package.json 中有我的 browserify 设置，但我不知道如何翻译。

另外，我正在使用 gulp browserify 的 Elixir's 抽象，虽然不在 Laravel 项目中。实际上是 WordPress。

Answer 1

尝试将 Slick Carousel 显式导出为 jQuery 插件，如下所示：

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