title: How to import both default and named from an ES6 module
body: <p>What is the correct syntax to import both <code>default</code> and named resource from an ES6 JavaScript module?</p>
  <p>Example:</p>
  <pre><code>export const defaultBrowser = 'Chrome';
  
  export default [
    { value: 0, label: defaultBrowser },
    { value: 1, label: 'Firefox' },
    { value: 2, label: 'Safari' },
    { value: 3, label: 'Edge' },
  ];
  </code></pre>
  <p>How would one <code>import</code> that in one go?</p>
  <hr />
  <p>It is not a duplicate of <em><a href="https://stackoverflow.com/questions/36795819/when-should-i-use-curly-braces-for-es6-import/36796281#36796281">When should I use curly braces for ES6 import?</a></em>, it is more specific, asking for a single <code>import</code> use-case, and not an <code>import</code> essay.</p>