title: Adding ng-grid and compass to AngularJs fullstack installation
body: <p>I've installed AngularJS using the fullstack installer here:
  <a href="https://github.com/DaftMonk/generator-angular-fullstack" rel="nofollow">https://github.com/DaftMonk/generator-angular-fullstack</a></p>
  
  <p>I want to now include ng-grid. How do I go about that? I've already ran <code>npm install ng-grid</code> which has copied the files to the node_modules directory. Do I just need to update my index.html file, or do I need to manually update the Grunt file? If so can someone guide me? Can't find anything online that can help me.</p>
  
  <p>I guess the same goes for Compass (I've also already installed Compass using the same method above), as I'd like to initially start using @font-face in my app. I've used Compass several times before but not in this kind of setup...</p>
  
  <p>Thanks :)</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I've worked out how I should include ng-grid. Wat I should have done is this in the terminal inside my project's dir:</p>
  
  <pre><code>bower install ng-grid --save
  </code></pre>
  
  <p>This not only installs the ng-grid files in /bower_components/ but also updates the bower.json in my project's root, so that when I run <code>grunt serve</code> it automatically adds the css &amp; js includes in my index.html page. I'm now successfully displaying a table using ng-grid :)</p>
  
  <p>However I've still not worked out how to install compass successfully. I tried <code>bower install compass-mixins --save-dev</code> but when I save my _fonts.scss file it produces errors. The error being that it can't find the compass files. Maybe the path is wrong, but I read somewhere that that is what I should put at the top (that or just <code>@import "compass";</code>). The paths may also be wrong to my font files, but that's something I'll need to investigate once I can get compass running)</p>
  
  <pre><code>@import "compass/functions";
  @include font-face("Roboto-Bold", font-files("../assets/fonts/Roboto-Bold-webfont.woff", "../assets/fonts/Roboto-Bold-webfont.eot?#iefix", "../assets/fonts/Roboto-Bold-webfont.ttf", "../assets/fonts/Roboto-Bold-webfont.svg#LatoBlack"), "../assets/fonts/Roboto-Bold-webfont.eot", "normal", "normal"); 
  </code></pre>