使用browserify-shim填充依赖项的依赖关系

Question

我正在尝试重构一个使用Browserify的库,方法是使用browserify-shim从bundle中填充某些模块.具体来说,库使用require("codemirror"),但我想提供一个不包含CodeMirror的包,而是使用通过CDN提供的包.

所以我在package.json中有了browserify-shim配置

  "browserify-shim": {
    "jquery": "global:jQuery",
    "codemirror": "global:CodeMirror"
  }

到现在为止还挺好.要求("的jquery")和要求("codemirror")已从browserified束消失和由预期代码段抓住jQuery和CodeMirror关闭窗口对象的被取代.

该库还需要一些CodeMirror附加组件.例如require('codemirror/addon/hint/show-hint.js').没关系.我想要捆绑的附加组件.但是,在此附加组件中是一个包含require("../../ lib/codemirror")的UMD包装器.Browserify正在看到这个并且正在捆绑CodeMirror来自/node_modules /codemirror/lib/mirrormirror.js因为这个(我认为).我想让它使用在codemirror shim中定义的window.CodeMirror,但是无法解决它.尝试了许多变化,包括以下内容:

  "browserify-shim": {
    "jquery": "global:jQuery",
    "codemirror": "global:CodeMirror",
    "../../lib/codemirror": "global:CodeMirror",
    "codemirror/addon/hint/show-hint.js": { 
      "exports":null,
      "depends":["../../lib/codemirror:CodeMirror"]
    }
  }

那个要求("../../ lib/codemirror")不会消失!我确定我错过了什么.

我是用Gulp脚本运行的,但我不认为这应该有所不同.Browserify版本3.38.1.Browserify-shim版本3.7.0.

有任何想法吗？

Answer 1

如果添加browserify-shim有{global: true},应该适用于你的依赖的依赖(等)为好,这应该有希望做你想做的.

假设您在Gulpfile中使用原始browserify,而不是:

b.transform('browserify-shim');

做:

b.transform({global: true}, 'browserify-shim');

如果您正在使用gulp-browserify,我不确定是否有任何方法可以指定全局变换.