title: Typescript can't find modules which are imported with webpack alias
body: <p>I am currently setting up my project to be a bit cleaner, especially in the frontend part with references.</p>
  
  <p>In hindsight I noticed that I was very generous with the folder structure for my frontend files and ended up with lots of layers. That's why I decided to look into what webpack can do for this case, and found out about the alias functionality.</p>
  
  <p>This is how I set it up:</p>
  
  <pre><code>resolve: {
      alias: {
          components: path.resolve(__dirname, "Scripts/Views/Components"),
          data: path.resolve(__dirname, "Scripts/Data"),
          definitions: path.resolve(__dirname, "Scripts/Definitions"),
          helper: path.resolve(__dirname, "Scripts/Helper"),
          scripts: path.resolve(__dirname, "Scripts"),
          views: path.resolve(__dirname, "Scripts/Views"),
      },
      extensions: [".tsx", ".ts", ".js", ".jsx"],
      modules: ["node_modules"]
  }
  </code></pre>
  
  <p>As you can see, I created alias' for various folders here.</p>
  
  <p>This is my folder structure:</p>
  
  <p><a href="https://i.stack.imgur.com/3veJv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3veJv.png" alt="enter image description here"></a></p>
  
  <p>Now, let's hop into e.g. the LoginDialog.tsx. Here I am trying to import like this:</p>
  
  <pre><code>import { IErrorAttachedProperty } from "definitions/formHelper";
  </code></pre>
  
  <p>However, all I end up with here is an error that no module could be found this way. </p>
  
  <p>What am I doing wrong here?</p>
  
  <p>If it is of any significance - The webpack.config.js resides in the same directory as the Scripts folder.</p>