title: typescript compiler option for resolving scss imports
body: <p>I am using the following compiler options for a tool I am making and I am seeing an error when the compiler can't find the compiled scss file. </p>
  
  <p>In other words, I have the following files:</p>
  
  <ul>
  <li>ClassA.tsx
  
  <ul>
  <li>This file has the line: <code>import styles from './ClassA.module.scss';</code></li>
  </ul></li>
  <li>ClassA.module.scss</li>
  </ul>
  
  <p>After the files are compiled I have the files:</p>
  
  <ul>
  <li>ClassA.js
  
  <ul>
  <li>This file has the line: <code>var ClassA_module_scss_1 = require('./ClassA.module.scss');</code></li>
  </ul></li>
  <li>Class.module.scss.js</li>
  </ul>
  
  <p>And I am seeing the error: <code>Cannot find module ClassA.module.scss</code></p>
  
  <p>These are my compiler options: </p>
  
  <pre><code>compilerOptions: {
      target: typescript.ScriptTarget.ES5,
      module: typescript.ModuleKind.CommonJS,
      moduleResolution: typescript.ModuleResolutionKind.NodeJs,
      rootDir: this.buildConfig.rootPath,
      declaration: true,
      experimentalDecorators: true,
      jsx: typescript.JsxEmit.React,
      sourceMap: true
    }
  </code></pre>
  
  <p>Is there something special I must do to resolve the scss file?</p>