如何使用wiredep将breeze.bridge.angular添加到我的构建过程中答案

【问题标题】：How to add breeze.bridge.angular to my build process with wiredep如何使用wiredep将breeze.bridge.angular添加到我的构建过程中
【发布时间】：2015-11-14 22:24:13
【问题描述】：

我正在尝试将 Breeze 与我的 AngularJs 应用程序一起使用。

我使用以下方法向我的凉亭依赖项添加了微风：

bower install --save-dev breeze-client

此命令将依赖项添加到我的 bower.json 文件中，如下所示：

"dependencies": {
   //Other dependencies here
   "breeze-client": "~1.5.4"
}

问题是我正在使用带有 gulp 的wiredep 来自动化我的构建过程，但是当wiredep 添加我的依赖项时，它只注入如下的breeze.debug.js 文件：

<script src="/bower_components/breeze-client/breeze.debug.js"></script>

因此，当我将此依赖项添加到 Angular 中的核心模块时，它找不到“breeze.angular”模块依赖项

(function () {
'use strict';

    angular
         .module('app.core', ['breeze.angular']);
})();

// This is the thrown error
// Error: [$injector:modulerr] Failed to instantiate module breeze.angular due to:
// Error: [$injector:nomod] Module 'breeze.angular' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我知道这是错误，因为当我手动添加此引用时，它可以正常工作。

所以我的最后一个问题是：如何使用wiredep添加（在breeze.debug.js依赖之后）位于build/adapters文件夹中的breeze.bridge.angular.js依赖？

【问题讨论】：

标签： javascript angularjs gulp breeze wiredep

【解决方案1】：

我设法通过编辑我的 bower.json 文件来实现这一点。覆盖我的微风角度主要依赖如下：

bower.json 文件

"overrides": {
    "breeze-client": {
        "main": ["breeze.debug.js", "build/adapters/breeze.bridge.angular.js"],
    }
}

这样我引用了主文件，然后是轻风.bridge.angular.js 文件。现在根据需要添加了我的凉亭依赖项：

<!-- bower:js -->
// Previous dependencies
<script src="/bower_components/breeze-client/breeze.debug.js"></script>
<script src="/bower_components/breeze-client/build/adapters/breeze.bridge.angular.js"></script>
<!-- endbower -->

现在一切正常

【讨论】：

感谢分享您的解决方案。这也解决了我的问题。