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

前端之家收集整理的这篇文章主要介绍了使用browserify-shim填充依赖项的依赖关系前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试重构一个使用Browserify的库,方法是使用browserify-shim从bundle中填充某些模块.具体来说,库使用require(“codemirror”),但我想提供一个不包含CodeMirror的包,而是使用通过CDN提供的包.

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

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

到现在为止还挺好. require(‘jquery’)和require(‘codemirror’)已从浏览器化的bundle中消失,并被预期的代码片段取代,以从窗口对象获取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.

有任何想法吗?

如果你使用{global:true}添加browserify-shim,它也应该应用于你的依赖项的依赖项(等等),这应该有希望做你想要的.

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

b.transform('browserify-shim');

做:

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

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

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