title: ES6 import from root
body: <p>I'm currently playing around with React Native. I'm trying to structure my app, however it's starting to get messy with imports.</p>
  
  <pre><code>--app/
      -- /components
          -- Loading.js
      -- index.ios.js
  </code></pre>
  
  <p>Now, within my <code>index.ios.js</code> i'm able to simply do:</p>
  
  <p><code>import Loading from './components/Loading';</code></p>
  
  <p>However, when I start to create more components, with a deeper directory struture, it starts to get messy:</p>
  
  <p><code>import Loading from '.../../../../components/Loading';</code></p>
  
  <p>I understand the preferred solution would be to make private npm modules for things, but that's overkill for a small project.</p>
  
  <p>You could do a <code>global.requireRoot</code> type solution on the browser, but how do I implement this with import?</p>