title: Import in JS in a specific way
body: <p>In TS, I have <strong>Class1</strong> from <em>class.ts</em>, some functions from <em>helper.ts</em>, some variables from <em>variables.ts</em>:</p>
  
  <p>For example, <em>variables.ts</em> looks like that:</p>
  
  <pre><code>export const test1 = 'test1';
  export const test2 = 0;
  export const test3 = 'test3';
  export const test4 = 'test4';
  </code></pre>
  
  <p>Then with Webpack, I give the api.ts like the entry to build a module.</p>
  
  <p><em>api.ts</em></p>
  
  <pre><code>export { Class1 } from './class1';
  export { helper1, helper2 } from './helper';
  import * as variables from './utils/common-variables';
  export { variables };
  </code></pre>
  
  <p>Everything is fine when I need all the variables of the <em>variables.ts</em>.
  I can do this in my file.js:</p>
  
  <pre><code>import { variables } from 'api';
  </code></pre>
  
  <p>However, sometimes, I only need one variable. So, I would like to know if it was possible to import something like this:</p>
  
  <pre><code>import { variables.test1 as test } from 'api';
  </code></pre>