如何防止browserify包含多个版本的子依赖关系?

前端之家收集整理的这篇文章主要介绍了如何防止browserify包含多个版本的子依赖关系?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的前端代码中,我使用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!");

当我创建一个捆绑包时,会包含多个版本的Underscore

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安装& npm测试以查看它的行动)

我尝试向我的package.json添加一个浏览器部分,如下所示,但似乎没有任何效果

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

我明白为什么npm安装重复的依赖关系(这对于服务器端代码来说是有意义的),但是在使用browserify时应该怎么办?

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

我使用的解决方案是重复数据包结构与npm:

npm dedupe

这将只会在依赖关系树中留下不可避免的重复,并且会记录关于这些重复的警告,以便您可以仔细检查.

猜你在找的设计模式相关文章