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

Question

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

我使用以下方法将 breeze 添加到我的 bower 依赖项中：

bower install --save-dev breeze-client

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

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

问题是我将 wiredep 与 gulp 一起使用来自动化我的构建过程，但是当 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 依赖项？

Answer 1

我通过编辑 bower.json 文件设法实现了这一点。覆盖我的 breeze angular 主要依赖如下：

bower.json 文件

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

这样我就引用了主文件，然后是 breeze.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 -->

现在一切正常

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

How to add breeze.bridge.angular to my build process with wiredep

javascript

angularjs

gulp

breeze

wiredep