title: Using Angular CLI and unable to use relative image paths in CSS files
body: <p>Have setup an angular app using the angular CLI and have created a component that has an image in the components directory.</p>
  
  <p>For example:</p>
  
  <pre><code>app/
  ---/common-components
  ------/header
  ---------/header.component.ts
  ---------/header.component.css
  ---------/images
  --------------/image.png
  </code></pre>
  
  <p>Within the CSS file I am using the following style:</p>
  
  <pre><code>.image {
      background-url: url('images/image.png');
  }
  </code></pre>
  
  <p>When I run the application it gives me a 304 Not Modified and the image does not show up int he preview.  If I use an absolute path '/src/app/common-components/header/images' the file loads properly.  However, this is not ideal since I would like the component to be self sufficient.</p>
  
  <p>The response that is given is:</p>
  
  <pre><code>Request URL:http://localhost:4201/images/test-image.jpeg
  Request Method:GET
  Status Code:304 Not Modified
  Remote Address:127.0.0.1:4201
  </code></pre>
  
  <p>With a blank preview</p>