title: Running SASS on Gatsby not working
body: <p>Yesterday, I was able to setup a starter-pack instance of gatsby and deploy to github pages.  </p>
  
  <p>Since then, I've updated my react/js files locally, which seemed to run fine locally.  Now I want to compile my sass:</p>
  
  <p>I can't find a decent solution which works:</p>
  
  <p>Here's the sass compiler I tried to install:
      sass --watch assets/scss/main.scss:assets/css/style.css
  Node sass watch runs, but doesn't actually compile anything.  I get an error instead:</p>
  
  <p><strong>Problems:</strong></p>
  
  <p>1) Since installing the sass</p>
  
  <pre><code>./src/assets/scss/main.scss
  Module parse failed: /Users/reenaverma/development/GATSBY/src/assets/scss/main.scss Unexpected character '#' (1:8)
  You may need an appropriate loader to handle this file type.
  SyntaxError: Unexpected character '#' (1:8)
      at Parser.pp$4.raise (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2221:15)
      at Parser.pp$7.getTokenFromCode (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2756:10)
      at Parser.pp$7.readToken (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2477:17)
      at Parser.pp$7.nextToken (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2468:15)
      at Parser.pp$7.next (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2413:10)
      at Parser.pp.eat (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:536:12)
      at Parser.pp$1.parseStatement (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:728:71)
      at Parser.pp$1.parseTopLevel (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:638:25)
      at Parser.parse (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:516:17)
      at Object.parse (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:3098:39)
      at Parser.parse (/Users/reenaverma/development/GATSBY/node_modules/webpack/lib/Parser.js:902:15)
      at NormalModule.&lt;anonymous&gt; (/Users/reenaverma/development/GATSBY/node_modules/webpack/lib/NormalModule.js:104:16)
      at NormalModule.onModuleBuild (/Users/reenaverma/development/GATSBY/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:310:10)
      at nextLoader (/Users/reenaverma/development/GATSBY/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:275:25)
      at /Users/reenaverma/development/GATSBY/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5
      at Storage.finished (/Users/reenaverma/development/GATSBY/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:38:16)
      at /Users/reenaverma/development/GATSBY/node_modules/graceful-fs/graceful-fs.js:78:16
      at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:528:3)
   @ ./src/layouts/index.js 29:0-35
  </code></pre>
  
  <p>2) I've even tried this link, but this doesn't work either:
  <a href="https://www.npmjs.com/package/gatsby-plugin-sass" rel="noreferrer">https://www.npmjs.com/package/gatsby-plugin-sass</a></p>
  
  <p>3) For some reason, I also can't deploy to Github/git push origin master / npm run deploy</p>
  
  <pre><code>error: ./src/assets/scss/main.scss
    Module parse failed: /Users/reenaverma/development/GATSBY/src/assets/scss/main.scss Unexpected character '#' (1:8)
    You may need an appropriate loader to handle this file type.
    SyntaxError: Unexpected character '#' (1:8)
        at Parser.pp$4.raise (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2221:15)
        at Parser.pp$7.getTokenFromCode (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2756:10)
        at Parser.pp$7.readToken (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2477:17)
        at Parser.pp$7.nextToken (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2468:15)
        at Parser.pp$7.next (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:2413:10)
        at Parser.pp.eat (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:536:12)
        at Parser.pp$1.parseStatement (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:728:71)
        at Parser.pp$1.parseTopLevel (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:638:25)
        at Parser.parse (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:516:17)
        at Object.parse (/Users/reenaverma/development/GATSBY/node_modules/acorn/dist/acorn.js:3098:39)
        at Parser.parse (/Users/reenaverma/development/GATSBY/node_modules/webpack/lib/Parser.js:902:15)
        at NormalModule.&lt;anonymous&gt; (/Users/reenaverma/development/GATSBY/node_modules/webpack/lib/NormalModule.js:104:16)
        at NormalModule.onModuleBuild (/Users/reenaverma/development/GATSBY/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:310:10)
        at nextLoader (/Users/reenaverma/development/GATSBY/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:275:25)
        at /Users/reenaverma/development/GATSBY/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:259:5
        at Storage.finished (/Users/reenaverma/development/GATSBY/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:38:16)
     @ ./src/layouts/index.js 28:0-35
  
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! gatsby-starter-default@1.0.0 deploy: `gatsby build --prefix-paths &amp;&amp; gh-pages -b master -d public`
  npm ERR! Exit status 1
  npm ERR! 
  npm ERR! Failed at the gatsby-starter-default@1.0.0 deploy script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /Users/reenaverma/.npm/_logs/2018-05-30T13_34_31_289Z-debug.log
  </code></pre>
  
  <p>PLEASE HELP!  I need this sorted by tonight:</p>
  
  <p>Here's my code from yesterday....  But I have updated 3 js files.  But this works locally.  Seems trying to run sass is breaking my work:</p>
  
  <p><a href="https://github.com/ReenaVerma/reenaverma.github.io/tree/master" rel="noreferrer">https://github.com/ReenaVerma/reenaverma.github.io/tree/master</a></p>