title: import React components with namespace
body: <p>My react component is structured like this.</p>
  
  <pre><code>/build
      ..............................
  /lib
      /inner
          /InnerComponent.js
          /index.js
      /OuterComponent1.js
      /OuterComponent2.js
      /index.js
  .................................
  package.json
  .................................
  </code></pre>
  
  <p>My <code>package.json</code> looks like below</p>
  
  <pre><code> {
        "name": "my-comp",
        .......................
        "main": "build/index.js",
        "scripts": {
          "build": "babel lib -d build",
          "build:watch": "babel lib -w -d build",
          "lint": "eslint lib/**; exit 0",
          "lint:watch": "esw -w lib/**",
          "prepublish": "npm run build"
        },
        "devDependencies": {
            .......................
        },
        "dependencies": {
            .......................
        },
        "directories": {
          "lib": "lib"
        },
        "repository": {
            .......................
        }
      }
  </code></pre>
  
  <p><code>OuterComponent1</code> and <code>OuterComponent2</code> can be imported from <code>lib/index.js</code> as <code>import {OuterComponent1,OuterComponent2} from "my-comp"</code>. I need to import everything in <code>lib/inner</code> as <code>import {InnerComponent} from "my-comp/inner"</code> (I want to add namespace for the components in <code>lib/inner</code> folder). How can i do this after publishing in npm?</p>