es6 - import all named module without alias : <p>I know that we can import all named modules with alias as below, </p>

<pre><code>import * as name from "module-name";
</code></pre>

<p>Ref: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import</a></p>

<p>Actually, I have re-exported my modules in A.js and the same is inherited in B.js. PFB. Now, it's two level of inheritance, so it's not a big deal to import the named modules. But, when I'm taking this to 5 level of inheritance (A -> B -> C -> D -> E), I need to import all named modules in all files and need to do the (re)export the same in all. Instead of doing this, </p>

<ul>
<li>Is there any other way to copy scope of all named modules into all level without reiterating the wheel (Import and Export)</li>
<li>Behind the scene of this design is to make them to follow Opps concept and to avoid the redeclaration of the same modules.</li>
</ul>

<p><strong>A.js</strong> </p>

<pre><code>import React from 'react';
import I18n from 'i18n-js';
import m1 from 'module1';
import m2 from 'module2';

export default class A extends React.Component {}

export {React, I18n, m1, m2)
</code></pre>

<p><strong>B.js</strong></p>

<pre><code>import BaseComponent from './A';
import {React, I18n, m1, m2) from './A;

export default class B extends A {}
</code></pre>

<p>Is there any way to import all named modules without alias like <code>import {*} from './A'</code> (instead of 2nd in B.js) </p>
