title: Avoiding relative paths in Angular CLI
body: <p>I'm using the latest Angular CLI, and I've created a custom components folder which is a collection of all components.</p>
  
  <p>For example, <code>TextInputComponent</code> has a <code>TextInputConfiguration</code> class which is placed inside <code>src/components/configurations.ts</code>, and in <code>src/app/home/addnewuser/add.user.component.ts</code> where I use it there is:</p>
  
  <pre><code>import {TextInputConfiguration} from "../../../components/configurations";
  </code></pre>
  
  <p>This is fine but as my app gets larger and deeper the <code>../</code> increases, how do I handle this?</p>
  
  <p>Previously, for SystemJS, I would configure the path through <code>system.config.js</code> as below:</p>
  
  <pre><code>System.config({
  ..
   map : {'ng_custom_widgets':'components' },
   packages : {'ng_custom_widgets':{main:'configurations.ts', defaultExtension: 'ts'},
  )};
  </code></pre>
  
  <p>How do I produce the same for webpack using Angular CLI?</p>