browserify - 如何防止 browserify 包含多个版本的子依赖项？

Question

在我的前端代码中，我使用 require()引入依赖于不同版本的 Underscore.js 的库。结果，当我使用 browserify 将所有内容捆绑在一起时，输出包含多个 Underscore 副本。有没有办法告诉 browserify require('underscore')应该总是导入一个特定的文件？

作为问题的演示，假设我有以下依赖项:

// package.json
"dependencies": {
  // Depends on underscore 1.7.0
  "backbone": "^1.1.2",

  // Depends on underscore 1.6.0
  "backbone.marionette": "^2.3.0"
}

在 main.js我使用这两个库:

// main.js
var Backbone = require('backbone');
var Marionette = require('backbone.marionette');
console.log("Hello, world!");

当我创建一个包时，包括多个版本的下划线:

PS> browserify main.js -o out.js
PS> findstr _.VERSION out.js
  _.VERSION = '1.7.0';
  _.VERSION = '1.6.0';

( I created a GitHub repository with a more complete example 。克隆它并运行 npm install && npm test 以查看它的实际效果)

我尝试添加 browser部分到我的 package.json像下面这样，但它似乎没有任何效果:

// package.json
"browser": {
  "underscore": "./node_modules/underscore/underscore.js"
}

我明白为什么 npm安装重复的依赖项(对于服务器端代码这样做是有意义的)但是在使用 browserify 时处理这个问题的正确方法是什么？

Answer 1

Browserify 中有一个重复检测，应该避免多次加载相同的版本。但是，如果您的 node_modules树包含同一模块的多个副本，此检测可能(应该？)失败。

我正在使用的解决方案是使用 npm 对包结构进行重复数据删除:

npm dedupe

这只会在您的依赖关系树中留下不可避免的欺骗，并且它会记录有关这些欺骗的警告，以便您可以仔细检查。