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

发布时间：2020-12-13 20:25:58 所属栏目：百科来源：网络整理

导读：我正在尝试重构一个使用Browserify的库,方法是使用browserify-shim从bundle中填充某些模块.具体来说,库使用require(“codemirror”),但我想提供一个不包含CodeMirror的包,而是使用通过CDN提供的包. 所以我在package.json中有了browserify-shim配置 "browseri

我正在尝试重构一个使用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,我不确定是否有任何方法可以指定全局变换.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!