title: How to Import sass files in angular 6
body: <p>I created new angular project with sass, and I created folder with name sass which contain a file named _variables.scss, </p>
  
  <p>in app component I tried to import variables like this.</p>
  
  <pre><code>@import 'variables'
  </code></pre>
  
  <p>when I run ng serve i get the following error: </p>
  
  <p>./src/app/app.component.scss
  Module build failed: </p>
  
  <pre><code>@import 'variables'
  ^
        File to import not found or unreadable: variables.
        in C:\Users\Bonge\Documents\Projects\movies_database\movies-client\src\app\app.component.scss (line 1, column 1)
  </code></pre>
  
  <p>Note I added the following to angular.json:</p>
  
  <pre><code>"stylePreprocessorOptions": { "includePaths": [ "src/", "src/sass/" ]
  </code></pre>
  
  <p>Directory structure just a angular starter app:</p>
  
  <pre><code>|- src/
      |- sass/
          |- _variables.scss
          |- _mixins.scss
          |- styles.scss
  </code></pre>
  
  <p>still i get the same error: what am I doing wrong here? any help</p>