title: how to use actual file name matched by pattern in gulp-template
body: <p>I have my project structure like this:</p>
  
  <pre><code>./
   -index.html
   -js/
      -app.js
      -home/
           -home.js
  </code></pre>
  
  <p>I wanted to match all javascript files inside <code>js</code> folder and use them in index file. So, in my <code>gulpfile.js</code> is used like this:</p>
  
  <pre><code>var gulp = require('gulp'),
  template = require('gulp-template');
  
  var js = ['js/**/*.js'];
  
  gulp.task('default', function() {
  return gulp.src('index.html')
          .pipe(template({
              scripts: js,
              name: 'index',
          }))
          .pipe(gulp.dest('dist'))
  })
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;%= name %&gt;
  &lt;!-- compiled JavaScript --&gt;&lt;% scripts.forEach( function ( file ) { %&gt;
  &lt;script type="text/javascript" src="&lt;%= file %&gt;"&gt;&lt;/script&gt;&lt;% }); %&gt;
  </code></pre>
  
  <p>Which renders index.html like this:</p>
  
  <pre><code>&lt;!-- compiled JavaScript --&gt;
  &lt;script type="text/javascript" src="js/**/*.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Which obviously not going to work. So how can I display actual file names in place of pattern?</p>