强制依赖项使用特定的子依赖项版本

Question

我正在使用 webpack 和 npm 模块构建我的网站代码，并遇到以下问题：

我的代码使用 jQuery 3.1.1 并添加了一些插件。我还使用了对 jQuery <= 2.2.4 具有子依赖性的依赖项。问题是，子依赖项的对象显然不知道我的 jQuery 插件，因为该模块使用不同的 jquery 版本。

如何强制所有依赖项（顶级和嵌套）使用一个版本的 jQuery？所以require("jquery")总是解析为 jQuery 3.1.1。

我尝试使用 npm Shrinkwrap 来覆盖依赖项版本，但这似乎不起作用。这是我修改后的收缩包装文件：

{
  "name": "example",
  "version": "0.1.0",
  "dependencies": {
    "can": {
      "version": "2.3.27",
      "from": "can@>=2.3.23 <3.0.0",
      "resolved": "https://registry.npmjs.org/can/-/can-2.3.27.tgz",
      "dependencies": {
        "jquery": {
          "version": "3.1.1",
          "from": "^3.1.1"
        }
      }
    }
  }
}

但模块的依赖项仍然是 jQuery 2.2.4 并npm install打印npm ERR! invalid: jquery@3.1.1 /path/.../can/node_modules/jquery

使用 webpack 而不是 npm 解决问题的解决方案也被接受。

Answer 1

我自己使用 webpack 别名找到了解决方案。

resolve: {
    root: __dirname,
    alias: {
        "jquery": "node_modules/jquery/src/jquery",
    }
}

现在，每个使用的模块require('jquery')都会加载位于别名路径下的 jquery 模块，无论模块的 package.json 中指定的版本如何。

我暂时保留这个问题，因为这个解决方案需要 webpack，并且我对是否有仅 npm 的解决方案感兴趣。