Question

我是browserify的新手，我正在尝试使用两个文件设置一个简单的示例。我已经使用npm安装了jquery：

npm install --save jquery

我还使用了凉亭安装了旋转木马插件：

bower install slick-carousel

我基本上有一个普通的app.js，我有所有通用js，比如bootstrap + jquery +我的全局逻辑...... 然后我有另一个特定于页面的文件（例如：homepage.js）

我需要的是在app.js和我的jquery插件（“光滑的轮播”）上使用jquery在另一个文件上。

当我在同一个文件上需要光滑的旋转木马时，一切正常，我可以调用类似$（“＃my-selector”）的东西.slick（）：

global.$ = global.jQuery = require("jquery");
require('slick-carousel');

但是当我把它们放在这样的不同文件中时：

app.js：

global.$ = global.jQuery = require("jquery");

homepage.js

require('slick-carousel');

...我收到错误消息，说明没有定义浮油。

我一直在尝试使用browserify-shim但没有成功。另外我通过在插件代码上添加一个console.log（window。$ === $）进行了一个简单的测试，我发现当它失败时，插件上使用的$对象不同于window。$可能是之所以失败，但我不知道如何解决它。

任何帮助都将不胜感激。

Answer 1

尝试显式导出slick作为jQuery插件，如下所示：

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

在jquery

1 个答案: