Don't recognize angular-material package

[prxg22]

I'm having a strange behaviour trying to utilize this library and the package of angular-material. I have already tried in many ways but it keeps substituing the angular-material header to angularjs cdn. Here's my gulp task:

.pipe(cdnizer({
          files: [
          'cdnjs:jquery',
          'google:angular:angular.min.js',
          'google:angular:angular-animate.min.js',
          'google:angular:angular-aria.min.js',
          'cdnjs:font-awesome',
          'cdnjs:angular-ui-router',
          'cdnjs:material-design-iconic-font',
          {
            file: 'bower_components/angular-material/angular-material.js',
            package: 'angular-material',
            cdn: 'cdnjs:angular-material'
          },
          {
            file: 'bower_components/store-js/store.min.js',
            package: 'store-js',
            cdn: 'cdnjs:store.js'
          }
        ]
      }))

and the result

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>if(!(window.jQuery)) cdnizerLoad("bower_components/jquery/dist/jquery.min.js");</script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
    <script>if(!(window.angular)) cdnizerLoad("bower_components/angular/angular.min.js");</script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular-animate.min.js"></script>
    <script>if(!(window.angular)) cdnizerLoad("bower_components/angular-animate/angular-animate.js");</script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular-aria.min.js"></script>
    <script>if(!(window.angular)) cdnizerLoad("bower_components/angular-aria/angular-aria.js");</script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
    <script>if(!(window.angular)) cdnizerLoad("bower_components/angular-material/angular-material.js");</script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/store.js/1.3.17/store.min.js"></script>
    <script src="lib/ngDraggable/ngDraggable.js"></script>
    <script src="bower_components/angularjs-datepicker/dist/angular-datepicker.min.js"></script>
    <link rel="stylesheet" href="bower_components/angular-material/angular-material.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

[OverZealous]

Order matters—put the angular-material above the normal angular check, it might help.

[OverZealous]

Also, please provide a simplified, minimal test case to replicate the issue. It should only require a few lines of gulp and HTML.

[prxg22]

resolved!