title: Rails Asset Pipeline with sass @imports
body: <p>I'm using Rails 4.2.</p>
  
  <p>In my rails project directory, I have a frontend directory:</p>
  
  <pre><code>/railsproject/frontend
  /railsproject/frontend/styles
  /railsproject/frontend/styles/main.scss
  /railsproject/frontend/styles/variables.scss
  /railsproject/frontend/node_modules/normalize.css/
  /railsproject/frontend/node_modules/normalize.css/normalize.css
  </code></pre>
  
  <p>(<em>I know it's unusual to have a directory with a period in it, but I have tried changing the directory name and corresponding @import statement and it didn't make a difference</em>)</p>
  
  <p>I have added <code>config.assets.paths &lt;&lt; Rails.root.join("frontend","styles")</code> to <code>application.rb</code>.</p>
  
  <p>In <code>/railsproject/app/assets/stylesheets/application.css</code>:</p>
  
  <pre><code>@import "main.scss";
  </code></pre>
  
  <p>Everything is good so far, it loads/processes the main.scss file.</p>
  
  <p>In <code>/railsproject/frontend/styles/main.scss</code></p>
  
  <pre><code>@import 'variables'; // this works fine
  @import '../node_modules/normalize.css/normalize.css'; // this does NOT work
  </code></pre>
  
  <p>The second import doesn't work...I get a GET error in the Chrome console, and the rails server says:</p>
  
  <pre><code>Started GET "/node_modules/normalize.css/normalize.css" for ::1 at 2015-07-02 15:55:38 +0800
  
  ActionController::RoutingError (No route matches [GET] "/node_modules/normalize.css/normalize.css"):
  </code></pre>
  
  <p>What am I doing wrong?</p>