title: what is the different between `import * from ''` and `import * as "" from""`?
body: <p>I am using javascript with webpack4 and babel7. I am confused about using <code>import * from ''</code> and <code>import * as '' from ''</code>. </p>
  
  <p>for below code:</p>
  
  <pre><code>import tbc from `tbc`
  </code></pre>
  
  <p>the <code>tbc</code> instance will have a <code>default</code> property and I have to use <code>tbc.default.xxx</code>. Based on my understanding, it should be equal to <code>import {default as lib } from 'lib';</code>. But why does it have a <code>default</code> property?</p>
  
  <p>But below code will allow me to use all properties from <code>tbc</code>, such as <code>tbc.xxx</code>.</p>
  
  <pre><code>import * as tbc from `tbc`
  </code></pre>
  
  <p>I wonder when I should use <code>import * from</code>. </p>