我加入了一个使用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的正确方法是什么?