title: How do I use Less with a aurelia cli project
body: <p>How do I get Less to work with an aurelia cli project?</p>
  
  <p>I've added a style.less file under src and I can see it's bundled into app-bundle.js.   But I am not sure if or how I need to add reference to it in app.html?</p>
  
  <p>I've added a div tag </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="test-less"&gt;Test less&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>in app.html using a class in my style.less file but when I run the app the css is not used - even though I can see the css in the app-bundle.js:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>define('text!style.css', ['module'], function(module) { module.exports = ".test-less {\n  color: #FF0000;\n  background-color: green;\n}\n"; });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm not sure what the 'define..' actually does - ie does it inject the css into the DOM?  It is listed beneath the define statement which includes the app.html - so maybe it's out of scope - so not usable in app.html????  If so, how should one use Less with Aurelia (project created by aurelia CLI)</p>
  
  <p>Thanks
  Tim</p>