如何使用wiredep將breeze.bridge.angular添加到我的構建過程中

Question

我試圖在我的AngularJs應用程序中使用Breeze。

我使用以下命令將微風添加到我的Bower依賴項中：

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依賴？

Answer 1

我設法通過編輯bower.json文件實現了這一目標。 覆蓋我的微風角度主要依賴關系，如下所示：

bower.json文件

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

這樣，我先引用主文件，然后再引用breeze.bridge.angular.js文件。 現在，根據需要添加了我的Bower依賴項：

<!-- 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 -->

現在一切正常