title: How to use paths in tsconfig.json?
body: <p>I was reading about <a href="https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping" rel="noreferrer">path-mapping</a> in <code>tsconfig.json</code> and I wanted to use it to avoid using the following ugly paths:</p>
  
  <p><a href="https://i.stack.imgur.com/AYmv4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/AYmv4.png" alt="enter image description here"></a></p>
  
  <p>The project organization is a bit weird because we have a mono-repository that contains projects and libraries. The projects are grouped by company and by browser / server / universal.</p>
  
  <p><a href="https://i.stack.imgur.com/8fC6C.png" rel="noreferrer"><img src="https://i.stack.imgur.com/8fC6C.png" alt="enter image description here"></a></p>
  
  <p>How can I configure the paths in <code>tsconfig.json</code> so instead of:</p>
  
  <pre><code>import { Something } from "../../../../../lib/src/[browser/server/universal]/...";
  </code></pre>
  
  <p>I can use:</p>
  
  <pre><code>import { Something } from "lib/src/[browser/server/universal]/...";
  </code></pre>
  
  <p>Will something else be required in the webpack config? or is the <code>tsconfig.json</code> enough?</p>