title: how does ES6 resolve import paths and can we customize its behavior
body: <p>How can we customize a root directory to be the <code>/</code>, seems like this behavior is entirely depending on the relative path of the current file.</p>
  
  <p>For example, I would prefer to use a couple of directory paths</p>
  
  <ul>
  <li>src</li>
  <li>style</li>
  <li>components</li>
  </ul>
  
  <p>and in deep nested direcotry <code>components/header/navbar.js</code>, i want to import without initialy slashes something like:</p>
  
  <pre><code>import Blah from 'src/models/Blah'
  </code></pre>
  
  <p>but instead I have to do </p>
  
  <pre><code>import Blah from '../../src/models/Blah'
  </code></pre>