title: ES6 Modules vs. HTML Imports
body: <p><a href="http://www.w3.org/TR/2013/WD-html-imports-20130514/" rel="nofollow">HTML Imports</a> are a part of the <a href="http://www.w3.org/TR/components-intro/" rel="nofollow">Web Components</a> specification and provide a way to handle dependencies on the Web. ES6 modules also do the same thing, but just for Javascript code.</p>
  
  <p>Is there is any clarity on how these two will work together?</p>
  
  <p><strong>Edit: An example:</strong> On a recent project of mine, I had two Javascript components (files) one of which depended on the other, but any HTML code (which is another component) could use either of them. So when I included the dependent script in my HTML, I did not want to include the parent script too (avoiding manual dependency handling). There seems to be no well-defined way to do it, other than mixing ES6 modules with script includes. The only option I see is maintaining a separate file for each component, with the required files and dependencies specified, such as component.io does.</p>