在构建时有条件地注入特定于设备的Angular代码

时间:2015-07-29 17:36:35

标签: angularjs gulp webpack

我加入了一个使用Angular + Gulp + Webpack + Bower的项目。

该项目是为不同的设备构建的,如下所示:

gulp deviceA

gulp deviceB

对于每种不同的设备类型,我将有一个名为device.js的模块,它提供相同功能的不同版本,例如

device.foo();
device.bar();

我想在构建时有条件地注入正确版本的device.js,具体取决于传递给Gulp的参数。在应用程序启动之前,device.js应该可以在应用程序范围内使用。

如果我以非Angular方式处理它,我可以在构建时轻松地将一些自执行代码注入index.html,从而全局提供设备对象。但是,我想让它更加Angular友好,以便我可以使用$ rootScope向设备广播设备事件。

我的理解是Angular Provider符合我的需求。这是正确的,如果是这样,在构建时注入适当的Provider的正确方法是什么?

0 个答案:

没有答案