title: Angular noob + Yeoman: 'app' is not defined
body: <p>I built a to do list you can see here: <a href="https://github.com/EdmundMai/angular_todolist" rel="nofollow">https://github.com/EdmundMai/angular_todolist</a></p>
  
  <p>In my controller, I can access the <code>toDoListApp</code> globally anywhere I want.</p>
  
  <p>However, now I'm starting a new project with Yeoman and I have the same setup:</p>
  
  <p>app.js:</p>
  
  <pre><code>'use strict';
  
  var app = angular.module('angNewsApp', [
      'ngCookies',
      'ngResource',
      'ngSanitize',
      'ngRoute'
    ]);
  
  
  app.config(function ($routeProvider) {
      $routeProvider
        .when('/', {
          templateUrl: 'views/posts.html',
          controller: 'PostsCtrl'
        })
        .otherwise({
          redirectTo: '/'
        });
    });
  </code></pre>
  
  <p>posts.js:</p>
  
  <pre><code>'use strict';
  
  app.controller('PostsCtrl', function($scope) {
  });
  </code></pre>
  
  <p>posts.html:</p>
  
  <pre><code>&lt;p&gt;{{hey}}zzzzz&lt;/p&gt;
  </code></pre>
  
  <p>However, jshint is complaining and my view isn't showing.</p>
  
  <pre><code>app/scripts/controllers/posts.js
    line 3  col 1   'app' is not defined.
    line 3  col 44  '$scope' is defined but never used.
  </code></pre>
  
  <p>Why is it that I can't use app?</p>
  
  <p><em>UPDATE</em></p>
  
  <p>the include tags of my index.html:</p>
  
  <pre><code>&lt;!-- build:js scripts/vendor.js --&gt;
  &lt;!-- bower:js --&gt;
  &lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-resource/angular-resource.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-cookies/angular-cookies.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-sanitize/angular-sanitize.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
  &lt;!-- endbower --&gt;
  &lt;!-- endbuild --&gt;
  
      &lt;!-- build:js({.tmp,app}) scripts/scripts.js --&gt;
      &lt;script src="scripts/app.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/controllers/posts.js"&gt;&lt;/script&gt;
      &lt;!-- endbuild --&gt;
  </code></pre>
  
  <p>What should I do with these?</p>