title: How to import a CSS file in a React Component
body: <p>I want to import a CSS file into a react component.</p>
  
  <p>I've tried <code>import disabledLink from "../../../public/styles/disabledLink";</code> but I get the error below;</p>
  
  <blockquote>
    <p>Module not found: Error: Cannot resolve 'file' or 'directory' ../../../public/styles/disabledLink in c:\Users\User\Documents\pizza-app\client\src\components @ ./client/src/components/ShoppingCartLink.js 19:20-66 Hash: 2d281bb98fe0a961f7c4 Version: webpack 1.13.2</p>
  </blockquote>
  
  <p><code>C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css</code> is the location of the CSS file I'm trying to load.</p>
  
  <p>To me it seems like import is not looking up the correct path.</p>
  
  <p>I thought with <code>../../../</code> it would start to look up the path three folder layers above.</p>
  
  <p><code>C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js</code> is the location of the file that should import the CSS file.</p>
  
  <p>What am I doing wrong and how can I fix it?</p>