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

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

本文关键字：添加 我的 构建 过程中 angular bridge 何使用 wiredep bread      更新时间：2023-09-26

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

我使用将微风添加到我的bower依赖项中

bower install --save-dev breeze-client

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

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

问题是，我使用wiredep和gull来自动化我的构建过程，但当wiredep添加我的依赖项时，它只注入了bread.debug.js文件，如下所示：

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

因此，当我将这个依赖项添加到Angular中的核心模块时，它找不到"breez.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添加（在bread.debug.js依赖项之后）位于build/adapters文件夹中的bread.bridge.angular.js依赖项？

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

bower.json文件

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

通过这种方式，我引用了主文件，然后是bread.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 -->

现在一切都很顺利

相关文章：