title: Angular CLI SCSS File to Import not found or unreadable
body: <p>Trying to import a variables.scss file and keep getting a build failed error:</p>
  
  <pre><code>ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js
  !./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
  Module build failed (from ./node_modules/sass-loader/lib/loader.js):
  
  undefined
  ^
        File to import not found or unreadable: ~styles-variables.scss.
        in C:\Users\JRYoung\Projects\ods\webclient\src\styles.scss (line 3, column 1)
  </code></pre>
  
  <p>In src/styles I have </p>
  
  <pre><code>/* You can add global styles to this file, and also import other style files */
  
  @import 'styles-variables.scss';
  @import '~bootstrap/scss/bootstrap.scss';
  
  $fa-font-path: "~font-awesome/fonts";
  @import '~font-awesome/scss/font-awesome.scss';
  </code></pre>
  
  <p>In src/styles-variables.scss I have</p>
  
  <pre><code>$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px
  );
  
  $accent-color: #006a55;
  </code></pre>
  
  <p><code>@import '~styles-variables.scss'</code> 
  issues a build error whereas
  <code>@import 'styles-variables.scss'</code> does not. </p>
  
  <p>Also, when I import the style-variables.scss in a style in another module, I have to use relative paths <code>@import "../../../styles-variables.scss";</code> in order for it to build. Its my understanding that the tilde should resolve it without having to include the paths.</p>
  
  <p>It seems like the <code>~</code> is having problems resolving the path, but it does resolve for bootstrap and font-awesome. Any ideas on what I am doing wrong?</p>
  
  <pre><code>Angular CLI: 7.0.3
  Node: 8.11.3
  OS: win32 x64
  Angular:
  ...
  
  Package                      Version
  ----------------------------------------
  @angular-devkit/architect    0.10.3
  @angular-devkit/core         7.0.3
  @angular-devkit/schematics   7.0.3
  @schematics/angular          7.0.3
  @schematics/update           0.10.3
  rxjs                         6.3.3
  typescript                   3.1.3
  </code></pre>