title: How to get ES6/2015 imports/modules working in browsers?
body: <p>I can't seem to get <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-imports" rel="nofollow">ES6/2015 imports</a> to work. From <a href="https://leanpub.com/understandinges6/read#leanpub-auto-what-are-modules" rel="nofollow">this Understanding ECMAScript 6 book</a>, I understand I need to write my <code>&lt;script&gt;</code> tags with a <code>type</code> attribute of <code>modules</code>:</p>
  
  <pre><code>&lt;script type="module" src="module.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then I can use <code>import</code> within <code>module.js</code>. However, it doesn't work on the latest Firefox (v48.0.1) and Chrome (v53.0.2785.89). Nothing gets logged to the console when I put a <code>console.log</code> statement in <code>module.js</code>.</p>
  
  <p>How can I use ES2015's import mechanism in a browser (natively, not using something like babel/webpack)?</p>
  
  <p><strong><em>UPDATE</em></strong>: Looks like <a href="https://blogs.windows.com/msedgedev/2016/05/17/es6-modules-and-beyond/#B9Cj0quqrvCxXHTB.97" rel="nofollow">Microsoft's Edge browser supports modules</a>, at least in experimental mode. Why aren't other browsers supporting it yet then, at least in experimental mode?</p>