相关疑难解决方法(0)

我一直在试图建立一个项目,利用AngularJS,Browserify以及Gulp一个优秀的开发者体验,一个能产生可分配"模块"(在角的说法).我们的想法是拥有一个自我记录的项目,例如Angular Bootstrap,它还可以生成用于其他应用程序的耗材分发.

我们已经取得了很好的成绩Gulp,但我们遇到了麻烦browserify/browserify-shim.此外,不幸的是,大多数例子都没有使用gulp-browserify已经被列入黑名单/已结束的gulp或use .

我们包括AngularJS与JQuery来自Google CDN作为<script>标签,并宣布"angular" : "global:angular"和"jquery" : "global:$"在我们browserify-shim的配置package.json,但我们正在"cannot find module"当我们尝试的用户var angular = require('angular')和var $ = require('jquery')我们的browserified码内(一旦它运行在浏览器中).

我创建了一个示例项目,将其提炼到接近最小值.

代码的示例存储库可在以下位置获得

一旦克隆,你会跑'npm install',然后'bower install',再'gulp'从根multi-browserify文件夹中生成的文件并运行测试服务器.

随着gulp的运行,您可以访问http://:4000/gulp.html上的实时HTML

任何帮助都将非常感激 - 我想知道我们是否遇到过gulp,browserify,vinyl-source-stream等的错误/问题,或者更可能的是,我们还没有得到它.

我正在尝试重构一个使用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.

有任何想法吗？