title: import {sub} from "" VS import M from ""
body: <p><code>export default { HolyClickoutside, ... }       // "holy-components"</code></p>
  
  <p>when I import what I need from "holy-components"</p>
  
  <pre><code>import HolyComponents from "holy-components"
  const { HolyClickoutside } = HolyComponents
  
  console.log(HolyClickoutside)    // {...}
  </code></pre>
  
  <p>is ok</p>
  
  <pre><code>import { HolyClickoutside } from "holy-components" 
  
  console.log(HolyClickoutside)    // undefined
  
  </code></pre>
  
  <p>export destructured object doesn't work， why?</p>