title: gulp concat javascript files in order same as in index.html
body: <p>I would like use <a href="https://www.npmjs.com/package/gulp-useref" rel="nofollow">gulp-useref</a> for concant js files in same order as in index.html.</p>
  
  <p>Solution has this structure:</p>
  
  <ul>
  <li>Solution Folder
  
  <ul>
  <li>App Folder
  
  <ul>
  <li>Services Folder         
  
  <ul>
  <li>service.js</li>
  </ul></li>
  </ul></li>
  <li>Scripts Folder
  
  <ul>
  <li>angular.js</li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;script src = "scripts/angular.js"&gt;&lt;/script&gt;
  &lt;script src = "app/services/service.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>Gulp</strong></p>
  
  <pre><code>gulp.src("index.html")
      .pipe(useref())
      .pipe(gulpif('*.js', uglify()))
      .pipe(concant("app.js"))
      .pipe(gulp.dest(config.dist + "/app"));
  </code></pre>
  
  <p>When I run this gulp task app.js file is created but contains content of index.html.</p>
  
  <p>What I do wrong?</p>