title: Import Sass variables into angular 5 component's typescript file
body: <p>I want to share some scss variables with my javascript.</p>
  
  <p>So far I have done the following but it isn't working. </p>
  
  <p><strong>Component</strong></p>
  
  <pre><code>import * as variables from 'sass-variable-loader!../styles/_variables.scss';
  </code></pre>
  
  <p><strong>.angular.cli.json</strong></p>
  
  <pre><code>...
  "scripts": [
    "../node_modules/sass-variable-loader/dist/index.js"
  ],
  ...
  </code></pre>
  
  <p>I also change the <code>typings.d.ts</code> file to accept files ending in <code>.scss</code>.</p>
  
  <p>I realize I'm not adding the <code>sass-variable-loader</code> to a webpack configuration but doesn't angular use that under the hood anyways? Is there a way for me to add the sass-variable-loader without out explicitly specifying it in a webpack configuration? </p>
  
  <p>OR</p>
  
  <p>Is there another way to load this file and share the variables with my typescript files?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>If I do <code>import * as variables from '../styles/_variables.scss'</code> then I get the error message <code>Cannot find module</code> from webpack during compilation.</p>