如何设置bower包依赖项？

Question

我正在创建一个名为X的bower包，它依赖于angular-local-storage。我在我的bower.json里保存了bower.json。

我的模块声明为：angular.module('X', ['LocalStorageModule']);

服务内容如下：

angular
  .module('X')
  .service('XService', XService);

function XService($resource, $q, $window, LocalStorageService) {...}

当我在另一个项目中安装带有bower的包X时，找不到LocalStorageModule。

如何管理这种依赖关系？

编辑:错误是：

Unknown provider: LocalStorageServiceProvider <- LocalStorageService <- XService

Answer 1

为了构建一个bower包，您需要确保遵循以下步骤：

bower包:X

1. 使用以下(最小)配置准备一个bower.json： {“名称”：“您的包-x”，“版本”："1.0.0"，“主”：“dist/your x.min.js”，“依赖关系”：{“角”："1.5.0"，“角-局部-存储”："2.0.7“.}
2. 将包的所有文件构建到dist/your-package-x.min.js中(使用您最喜欢的构建工具)
3. 如果包有HTML模板，则应该构建一个templateCache文件并将其附加到构建的文件中(使用您的构建工具)： a.带咕噜声的例子：https://www.npmjs.com/package/grunt-angular-templates b.吞咽的例子：https://www.npmjs.com/package/gulp-angular-templatecache
4. 发布到保龄球

外部项目

1. 将your-package-x依赖项添加到bower.json中： {“名称”：“主项目”、“版本”："1.0.0“、”依赖项“：{”您的包-x“：”回购或版本路径“.}
2. 安装保龄球
3. 注入包-x及其dependencies:==>，或者使用构建工具为您完成(查找wiredep)

我希望这个快速指南能有所帮助。

Answer 2

• 将“LocalStorageModule”添加到主模块的依赖项列表中。
• 在包含angular-local-storage.js本身之后，从index.html中的dist目录中包含index.html(或角本地-storage.min.js)。

More

我建议你把工厂或服务布置成这样：

.service('ServiceName', ['$log','OtherService', function($log, OtherService){
   var serviceInstance = {};
   //stuff
   return serviceInstance;
}]);

这有比您绝对需要的更多的样板，但它是小型化的安全，并保持您的名称空间干净。