title: Inlining require.js text! using Grunt
body: <p>I've been experimenting with Grunt and Require JS this afternoon. I'm a big fan of the <code>text</code> module and use it to bring in my templates. In non-Grunt based projects I used the <code>inlineText</code> and <code>stubModules</code> Require JS options to in-line the template files and it works great. However, I'm having trouble getting this to work with Grunt.</p>
  
  <p><strong>Require Config</strong></p>
  
  <pre><code>require.config({
      paths: {
          // Using Bower for dependency management
          text: '../components/requirejs-text/text'
      }
  });
  </code></pre>
  
  <p><strong>Usage</strong></p>
  
  <pre><code>define(['text!template.html'], function (html) {
      // Do stuff with html
  });
  </code></pre>
  
  <p><strong>Gruntfile.js</strong></p>
  
  <pre><code>requirejs: {
      dist: {
          options: {
              baseUrl: 'app/scripts',
              optimize: 'none',
              preserveLicenseComments: false,
              useStrict: true,
              wrap: true,
              inlineText: true,
              stubModules: ['text']
          }
      }
  }
  </code></pre>
  
  <p>After running <code>grunt</code> I get various errors in the console:</p>
  
  <ul>
  <li>A File Not Found on <code>/dist/components/requirejs-text/text.js</code></li>
  <li>A <code>Load timeout for modules: text!template.html_unnormalized2</code></li>
  </ul>
  
  <p>Two issues then:</p>
  
  <ul>
  <li>It doesn't seem to be inlining (and then stubbing) the <code>text.js</code> code</li>
  <li>It doesn't seem to be inlining the <code>template.html</code> file</li>
  </ul>
  
  <p>Any ideas why it's not working?</p>