title: How should I compile html templates with Gulp in AngularJS project
body: <p>I have following directory structure in my AngularJS application:</p>
  
  <pre><code>|-app
  |--blog
  |---BlogController.js
  |---BlogService.js
  |---BlogResource.js
  |---states.js
  |---templates
  |----blog.html
  |----blog-post.html
  |----edit-blog-post.html
  |--user
  |---UserController.js
  |---UserService.js
  |---UserResource.js
  |---states.js
  |---templates
  |----user-info.html
  |----user-update.html
  |-dist
  |--js
  |---all.js
  |-templates
  |--blog
  |---blog.html
  |---blog-post.html
  |---edit-blog-post.html
  |--user
  |---user-info.html
  |---user-update.html
  </code></pre>
  
  <p><code>app</code> folder is for develompment, <code>dist</code> folder is for production. I use Gulp for building project. <code>state.js</code> files contain ui.router states configutation. Here is example of this file:</p>
  
  <pre><code>app.config(['$stateProvider', function ($stateProvider) {
  $stateProvider
      .state('blog-post', {
          url: '/blog-posts/:id',
          templateUrl: 'blog/templates/blog-post.html',
          controller: BlogPostController
      })
  }]);
  </code></pre>
  
  <p>Problem is in <code>templateUrl</code> property. When I build project actual place of all files changes and <code>templateUrl</code> doesn't point at html file. So <code>templateUrl</code> property must be changed in <code>all.js</code> file. How can I accomplish this with Gulp?</p>