使用Browserify / Browserify Shim包括使用全局jQuery的光滑旋转木马

Question

我正在使用Browserify 11.2和Browserify Shim 3.8，并试图使用带有从CDN加载的jQuery的光滑旋转木马(通过npm包括在内)。我意识到这需要使用Browserify shim，但我无法让它工作。

这是我的package.json文件的相关部分。

  "devDependencies": {
      ...
      "browserify": "^11.2.0",
      "browserify-shim": "^3.8.10",
      ...
      "slick-carousel": "^1.5.8",
      ...
    },
    "browserify": {
      "transform": [
        "browserify-shim"
      ]
    },
    "browser": {
    },
    "browserify-shim": {
      "jquery": "global:jQuery",
      "slick-carousel": {
      }
    },
    "dependencies": {
    }

当我试图要求光滑的旋转木马时，我得到了一个错误：

Cannot find module 'jquery' from 'path_to_node_modules/node_modules/slick-carousel/slick'

但是，如果输出要求(‘jquery’)为常量(例如)

const jq = require('jquery')，如我所料，jquery就在那里。

现在，我的脚本只包含了用于测试的以下内容：

require('jquery');
require('slick-carousel');

我总是很难把我的头绕在Browserify Shim周围--任何关于我做错了什么的指导都是值得赞赏的。

Answer 1

您需要在jQuery中指定光滑的旋转木马依赖于package.json。

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