title: LESS @import not bringing over variables and mixins when used in SailsJS (through GruntJS)
body: <p>I have a project that I've been building on top of nodejs, and today I've decided to move to the sailsjs framework before this project gets too complicated. I've encountered a few issues.</p>
  
  <p>While porting over my LESS files, I found that all of my assets were failing to load, and was getting 404's in my console. I managed to narrow the problem down to my LESS files.</p>
  
  <p>What was happening was, where I was using @import to bring in files that contains mixins and variables, none of those were actually being brought over. They were undefined, and this seemed to be making everything fail. All that said, this never actually threw compiler errors in --verbose mode. It all just failed silently.</p>
  
  <p>To ensure that this was the problem, I ran a little test:</p>
  
  <p>test1.less:</p>
  
  <pre><code>@myvar: #f00;
  </code></pre>
  
  <p>test2.less:</p>
  
  <pre><code>@import 'test2.less';
  
  body {
      background-color:@myvar;
  }
  </code></pre>
  
  <p>These are the only files present in my styles/ folder. With the code above, I encounter the problem. If I comment out the </p>
  
  <pre><code>//background-color:@myvar;
  </code></pre>
  
  <p>everything works fine again.</p>
  
  <p>I've been looking around for people having the same problem, but I haven't found anything. I'm at a bit of a loss, and feel like I've missed something very trivial.</p>