title: bundle Less and CSS files together with grails lesscss-resource
body: <p>In my grails app, I've defined the following resource module that includes a mixture of CSS files generated by Less, and regular CSS files.</p>
  
  <pre><code>responsive {
      dependsOn 'jquery'
  
      resource 'js/responsive/bootstrap.js'
  
      resource 'css/footer.css'
      resource url: 'less/style.less', attrs: [rel: "stylesheet/less", type: 'css'], bundle: 'bundle_responsive'
  }
  </code></pre>
  
  <p>According to the <a href="http://grails.org/plugin/lesscss-resources" rel="nofollow">plugin docs</a>, <code>bundle: 'bundle_responsive'</code> should cause all the CSS files to be bundled together. When the page loads, I see that there is indeed only one CSS bundle</p>
  
  <pre><code>&lt;link href="/summer-festivals/bundle-bundle_responsive_head.css" type="text/css" rel="stylesheet" media="screen, projection" /&gt;
  </code></pre>
  
  <p>However, the bundle file cannot be found, so I get an error:</p>
  
  <blockquote>
    <p>ERROR resource.ResourceMeta - Resource not found: /bundle-bundle_responsive_head.css</p>
  </blockquote>
  
  <p>And of course, none of the resources in the bundle are loaded. If I remove <code>bundle: 'bundle_responsive'</code>, all the resources load, but the CSS files generated from Less are in a different bundle to the regular CSS files.</p>
  
  <p>How can I get all CSS files to be bundled together?</p>