title: Having Grunt name files and include banners with source file names via Gruntfile.js
body: <p>I'm trying to set up a customized Gruntfile.js to use as a boilerplate on future projects (mostly web performance optimization tasks).</p>
  
  <p>The task most relevant to this question is concatenation. Here's the configuration of that task from a recent project:</p>
  
  <pre><code>concat: {
              css: {
                  options: {
                      banner: '/*! &lt;%= pkg.name %&gt; &lt;%= grunt.template.today("dd-mm-yyyy") %&gt; */\n',
                  },
                  src: [
                       'wp-content/plugins/orangebox/css/orangebox.css', 
                       'wp-content/themes/caps/style.css', 
                       'styles.css', 
                       'contact.css', 
                       'pro_dropdown_2/pro_dropdown_2.css', 
                       'css/slider.css'
                  ],
  
                  dest: 'combined.&lt;%= grunt.template.today("ddmmyyyy") %&gt;.css'
              },
  
              js: {
                  options: {
                      banner: '/*! &lt;%= pkg.name %&gt;-Version-&lt;%= pkg.version %&gt;-Compiled-&lt;%= grunt.template.today("dd-mm-yyyy") %&gt; */\n',
                  },
  
                  src: [
                      'cformnkp.js',
                      'AC_RunActiveContent.js',
                      'js/moo_12.js',
                      'js/sl_slider.js',
                      'js/swfobject.js',
                      'scripts/*.js',
                      'pro_dropdown_2/*js'
                  ],
  
                  dest: 'concat.&lt;%= grunt.template.today("ddmmyyyy") %&gt;.js',
                  separator: ";"
              }
          },
  </code></pre>
  
  <p>So that any other developers after me know what I did, I'd like to include a comment before each section of concatenated code (i.e. a 'banner') that would say what the original file name was before I concatenated them all.</p>
  
  <p>It'd also be pretty cool if the new file was named obviously. For instance, if the concatenated JS file was <code>cformnkp-AC_RunActiveContent-moo_12-sl_slider-swfobject.js</code> (this is neglecting the dynamically added files, as well as the last specifically enumerated file but you get the idea).</p>
  
  <p>I thought <code>&lt;%= pkg.name %&gt;</code> might accomplish this but it only inserts the name of my package as listed in <code>package.json</code>.</p>
  
  <p>I can't fully make sense of the LoDash template documentation, and nothing on here seems to indicate how to do this even though is seems pretty straight-forward. A little help?</p>