HTML Imports polyfill

HTML Imports are a way to include and reuse HTML documents in other HTML documents. As <script> tags let authors include external Javascript in their pages, imports let authors load full HTML resources. In particular, imports let authors include Custom Element definitions from external URLs.

Getting Started

Include the html_import.debug.js or html_import.min.js (minified) file in your project.

<script src="packages/html_import/html_import.debug.js"></script>

html_import.debug.js is the debug loader and uses document.write to load additional modules.

Use the minified version (html_import.min.js) if you need to load the file dynamically.

Basic usage

For HTML imports use the import relation on a standard <link> tag, for example:

<link rel="import" href="import-file.html">

Polyfill details

You can read more about how the polyfill is implemented in JavaScript here: https://github.com/Polymer/HTMLImports/tree/master#polyfill-details

Getting the source code

This package is built from: https://github.com/Polymer/HTMLImports/tree/master

You'll need node.js to rebuild the JS file. Use npm install to get dependencies and grunt to build.