If HTML Imports are dead/deprecated what's the best way to import your web component (X-Tag) template?

Question

I\'m working on my first X-Tag application and on it\'s page it says it\'s meant to work with Web Component API\'s such as \'Custom Elements, Shadow DOM, Templates, and HTML

Answer 1

2019 Update

Native implementation of HTML Imports will be removed from Chrome 73 so it is now recommended to use native fetch(), or third-party libraries.

Obsolete answer

AFAIK, HTML Imports have not been deprecated (or is it new?). It's only Mozilla who said it won't implement it for Firefox. But the polyfill is still available, and supported.

Since ES6 Modules are not implemented yet, I would say HTML Imports are still the best option (it's the one I chose) as they are very easy to use and work well (Polymer uses them extensively).

Instead you can try RequireJs or implement your own module loader (with XMLHttpRequest).

I don't recommend you to use a ES6 Module Loader polyfill as they are only at experimental stage.